JS怎么实现十分钟倒计时 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下JS怎么实现十分钟倒计时,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

JS有什么特点

1, JS属于一种解释性脚本语言;2,在绝大多数浏览器的支持下,JS可以在多种平台下运行,拥有着跨平台特性;3,JS属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4,JS语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5,基于对象的脚本语言,JS不仅可以创建对象,也能使用现有的对象。

举例:10分钟考试倒计时,当时间仅剩五分钟时,提醒考试仅剩5分钟,时间结束时,提示考试结束。具体代码如下:

<强> HTML部分:

& lt; body> 　　,& lt; div id=皌imer"祝辞& lt;/div> 　　,& lt; div id=皐arring"祝辞& lt;/div> 　　& lt;/body>

<强> JavaScript部分:

& lt; script 类型=拔谋?javascript"比; 　　,var maxtime =, 10, *, 60,,//, 　　,,,,,function 倒计时(),{ 　　,,,,,,,if (maxtime 祝辞=,0),{ 　　,,,,,,,,,minutes =, Math.floor(时间/maxtime 60); 　　,,,,,,,,,seconds =, Math.floor (maxtime %, 60); 　　,,,,,,,,,msg =,“距离结束还有“,+,minutes +,“分”,+,seconds +,“秒”; 　　,,,,,,,,,document.all [“timer"] .innerHTML =,味精; 　　,,,,,,,,,if (maxtime ==, 5, *, 60)警报(“距离结束仅剩5分钟“); 　　,,,,,,,,,,,,maxtime; 　　,,,,,,,其他},{ 　　,,,,,,,,,clearInterval(计时器); 　　,,,,,,,,,警报(“时间到,结束!“); 　　,,,,,,,} 　　,,,,,} 　　,,,,,timer =, setInterval(“倒计时(),,,1000),,,, 　　,& lt;/script>

<强> JS十分钟倒计时代码的具体步骤:

1,设置考试时长maxtime=10 * 60秒,即10分钟

2,用如果函数判断,当maxtime大于等于零时,判断剩余分和秒

3,再用如果函数判断,当时间仅剩5分钟时,弹出提示:距离结束仅剩5分钟

4,如果时间到,则清除定时器,提示:结束

效果如图所示:

JS怎么实现十分钟倒计时