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

最新推荐文章于 2024-01-24 15:24:22 发布

要像一棵树

最新推荐文章于 2024-01-24 15:24:22 发布

阅读量1.2k

点赞数 3

分类专栏： js

本文链接：https://blog.csdn.net/qq_39879340/article/details/78072644

版权

js 专栏收录该内容

10 篇文章 2 订阅

订阅专栏

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();