倒计时js代码的思路,js实现10秒倒计时的小实例

时间:2023-12-15 02:04:57/人气:232 ℃

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

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

三、开始用setinterval方法了。

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

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


<!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>

推荐

  • 1三棱的功效与作用及药用附方261
  • 2动画片海报宣传图片设计180
  • 3有关法律的英文谚语209
  • 4冲字开头的词语有哪些268
  • 5关于高三的励志演讲稿精选集455
  • 6天蝎座中国女明星441
  • 7梦见钓到一条红鱼是什么意思499
  • 8百度云网盘如何使分享的资源不被删除336
  • 9晚饭后一家人出去散散步:晚饭后一家人出去散散步是一种享受466
  • 10最利于睡眠的盆栽花卉是什么?盘点每年种子自播春天又开花的传家宝植物224
  • 首页/电脑版/地图
    © 2024 OONiu.Com All Rights Reserved.