用JS实现页面中按钮倒计时

来源：互联网发布：冰川网络最新消息编辑：程序博客网时间：2024/06/07 10:09

html页面：

<head lang="en">    <meta charset="UTF-8">    <title>倒计时按钮</title></head><body><input type="submit" value="请等待()" id="an"/></body><script type="text/javascript" src="daojishi.js"></script>

js脚本：
//var ji=10;
document.getElementById(“an”).disabled = true;
/*for(var i=1;i<=ji;i++){
window.setTimeout(“update(“+i+”)”,i*1000);
}*/
var num = 10;
function update() {
num–;
if (num == 0) {
clearInterval(t);
document.getElementById(“an”).value = “可以了”;
document.getElementById(“an”).disabled = false;
} else {
//var print = ji - num;
document.getElementById(“an”).value = “请等待（” + num + “)”;
}
}
var t;
function sat() {
t = setInterval(“update()”, 1000);
}
sat();

其实setTimeout也能用，但是有弊端，会占用线程和资源。
功能：10秒后按钮禁用解除，可以使用。
这里写图片描述

阅读全文

3 0