先看下面的演示，代码的作用就是点一下按钮，然后开始倒计时，倒计时完毕显示自定义的链接或者文字之类的。用途嘛，下载时候留着让你看广告时间？
HTML代码如下：
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="button" name="" id="get" value="获取" onclick="getting()" />
<a id="download" href="http://www.baidu.com" style="display:none">下载地址</a>
<script>
var load = false
function getting() {
if (!load) {
var num = 3 //倒计时为3秒
document.getElementById('get').disabled = true
document.getElementById('get').value = num + "秒后获取下载地址" //显示验证码
var codeTimer = setInterval(function() {
if (num == 1) {
clearInterval(codeTimer)
document.getElementById('get').value = ""
document.getElementById('get').disabled = false
//document.getElementById('get').value = "已经获取"
document.getElementById('get').style.display="none";
document.getElementById('download').style.display="block";
} else {
num--
document.getElementById('get').value = num + "秒后获取下载地址"
}
}, 1000) //倒计时
}
}
</script>
</body>
</html>
查看原内容
