倒计时js代码的思路,js实现10秒倒计时的小实例
人气:104 ℃/2023-12-15 02:04:57
- 忽然间想做一个倒计时的例子。
- 用到的方法是setInterval()。
- 更多文章请关注我的头条号,落笔承冰
一、先了解一下setInterval,AAAAA是执行函数,BBBBB是执行周期。
二、创建一个盒子,在脚本中取得元素对象。
三、开始用setinterval方法了。
- F12打开控制台,你可以看到,每秒一个log的刷新。
四、创建一个变量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>
- 09-21写关于银杏树的作文二年级:陪孩子写作文之校园里的那棵银杏树
- 04-01呼吸时胸口疼痛是什么原因引起的?当呼吸时左边的胸口疼痛
- 04-10奇迹暖暖便宜又实惠的金币套装:奇迹暖暖爱之王冠套装图鉴及获取方法详解
- 03-31书组词:书1
- 01-14为什么称银杏为活化石?东京最古老的生物,-倒银杏
- 03-13所有苹果手机相机对比:六大旗舰影像横评胜负难分
- 12-02歌名把我的思念捎给你:借一首歌思念你
- 05-077-12岁儿童创意绘画世界:在家就能玩得创意绘画
- 11-27背景图高清无水印夜晚,无水印天空系背景图
- 09-18国内名校游学 十大国内游学目的地宁夏位列榜首
- 02-11一梦江湖游戏简介与玩法:一梦江湖好玩吗值得入手吗
- 03-03啥也没有的壁纸:明明什么都没有做系列壁纸
- 02-18苏萌拿被子给破烂侯看是第几集:电视剧山寨小萌主第22-24集大结局剧情
- 04-30楼宇门禁读卡器:IC,ID身份证
- 04-28生活便是从琐碎的小事里寻找乐趣 从等待中领悟生活的真谛
- 03-31湖北小众秘境民宿,给,你的湖北最美民宿黄金周安排上
热门
推荐
- 1租赁收入税率是多少333
- 2给潘基文先生的一封信330
- 3施工电梯安全提示语140
- 4新学期新畅想周记232
- 5夜子诗歌220
- 6泰迪犬怎么养不会那么容易死295
- 7中考英语复习的三个环节303
- 8电脑关机后老是自动重启怎么解决142