js倒计时10秒代码（js倒计时怎么写）[js教程]-爱学社区

JS

忽然间想做一个倒计时的例子。
用到的方法是setInterval（）。

一、先了解一下setInterval，AAAAA是执行函数，BBBBB是执行周期。

二、创建一个盒子，在脚本中取得元素对象。

三、开始用setinterval方法了。

JS教程

F12打开控制台，你可以看到，每秒一个log的刷新。

爱学社区JS教程

四、创建一个变量t，用来倒计时用。

确实可以倒计时了，但它会倒数到负数，无穷尽倒数。

五、加个判断，让它只倒数十秒。

js倒计时10秒代码如下：

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <div id="cddiv"></div>
 <script>
 var t = 10;
 var elcddiv = document.querySelector("#cddiv");
 // 取得元素对象
 var cd = setInterval("cdfun()",1000);
 // 用setInterval方法创建对象，1秒周期循环执行cdfun()函数
 function cdfun() {
 elcddiv.innerHTML = t;
 if (t == 0) {
 clearInterval(cd);
 // clearInterval是用来结束setInterval的
 alert("倒计时结束！")
 }
 t--;
 }
 </script>
</body>
</html>

赞助会员可免费查看更多内容!
网站运营需要成本。您的支持，就是我们更新的动力！

关注本站更多学习内容请收藏本站或保存本站永久网址[www.axue5.com]每天更新学习资源和各种,破解软件,福利美图技术教程,线报活动等网络资源！

------本页内容已结束，喜欢请分享------

版权声明 1、本网站名称：爱学社区
2、本站永久网址：http://www.axue5.com/
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ826807351进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END