当前位置: 首页 > 程序人生 >正文

用javascript做的一个十秒倒计时的小实例

来源:互联网时间:2020-03-20 05:25:28编辑:网友分享
一、先了解一下setInterval,AAAAA是执行函数,BBBBB是执行周期。 二、创建一个盒子,在脚本中取得元素对象。 三、开始用setinterval方法了。 F12打开控制台,你可以看到,每

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

用javascript做的一个十秒倒计时的小实例

 

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

用javascript做的一个十秒倒计时的小实例

 

三、开始用setinterval方法了。

用javascript做的一个十秒倒计时的小实例

 

  • F12打开控制台,你可以看到,每秒一个log的刷新。
用javascript做的一个十秒倒计时的小实例

 

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

用javascript做的一个十秒倒计时的小实例

 

  • 确实可以倒计时了,但它会倒数到负数,无穷尽倒数。
用javascript做的一个十秒倒计时的小实例

 

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

用javascript做的一个十秒倒计时的小实例

 

用javascript做的一个十秒倒计时的小实例

 


<!DOCTYPE html><html lang="en"><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>

上一篇: PHP 7.4中的新功能

下一篇:小程序·云开发是什么,和小程序有

您可能感兴趣的文章

相关阅读