倒计时js代码的思路,js实现10秒倒计时的小实例
人气:404 ℃/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>
- 03-05本田皓影这车的缺点:均衡的家用SUV本田皓影不受任何影响的销量
- 02-15全新地铁线最新消息 5号线地铁来啦快来看看中原首列
- 04-12雨天开车的正确方法一定要记住:雨天开车需注意掌握这7个开车的技巧
- 12-28今年农民基础养老金为什么没上调?农民养老金上涨已成定局
- 12-04mac有什么好玩的免费游戏?Mac上好玩的游戏推荐怀旧篇
- 10-09衢州公交5折月卡,衢州5折乘公交机会又来了
- 03-30你认为最霸气的诗句是 你知道的最有气势的一句诗词有什么
- 01-14智力障碍儿童教育中心哪家好 南京市首个残障儿童周末素能提升特训营结束啦
- 04-02目前最强骁龙手机是哪一款:10款骁龙630手机盘点哪款性价比最高
- 02-12免费品牌logo设计创意的网站:这三个logo设计工具真的有点实力
- 12-31人生有太多不如意换个角度思考 人生如饮水,冷暖自知你的人生
- 10-11每日一字887,每日一字76,华
- 01-14最新公差配合试卷答案,公差配合与技术测量课程单元测验试题3
- 03-22八年级上英语第7单元重要的知识点 翼教版八年级英语上UNIT-7重点短语必知必会
- 12-13除草专用工具大全,日本最好用的手动除草工具
- 11-22混凝土怎样确定是最佳砂率:混凝土砂的细度模数和配合比设计公式为何这样算
热门
推荐
- 1七年级英语优秀文章190
- 2【七年级语文下册复习资料】七年级语文女娲造人3135
- 3为什么会先兆性流产402
- 4开学第一天的感想周记498
- 5白羊座男生和白羊座女生合得来吗245
- 6学而时习之,不亦乐乎初中作文800字392
- 7小学家长通知书家长意见361
- 8搞笑的说说评论短些的432