先看下面的演示，代码的作用就是点一下按钮，然后开始倒计时，倒计时完毕显示自定义的链接或者文字之类的。用途嘛，下载时候留着让你看广告时间？
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>本文地址：https://www.moyublog.com/notes/1208.html
加入我们：微信：搜索“Moyu-Blog” 帝国CMS模板客户群：QQ二群---909235407 QQ一群(已满)---106997031
版权声明：本文采用[BY-NC-SA]协议进行授权,如无特别说明,转载请注明本文地址!
