手机版

JS实现十分钟倒计时的代码示例

时间:2021-08-29 来源:互联网 编辑:宝哥软件园 浏览:

编写JS倒计时代码需要大量的JavaScript知识,比如if函数、Math.floor、timer setInterval等。如果不清楚,可以参考PHP中文网站上的相关文章或者访问JavaScript视频教程。

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

HTML部分:

Body div id=' timer'/div div id='战国'/div/body JavaScript部分:

脚本类型=' text/JavaScript ' var max time=10 * 60;//函数倒计时(){ if(max time=0){ minutes=math . floor(max time/60);秒=Math . floor(max time % 60);Msg='分钟'和'秒'秒'从结束;document.all['timer']。innerHTML=msgIf (maxtime==5 * 60)alert('结束前只剩下5分钟');-max time;} else{ clearInterval(计时器);警报('时间到,结束!' );} } timer=setInterval('倒计时()',1000);/scriptJS十分钟倒计时代码的具体步骤:

1.设置测试持续时间maxtime=10 * 60秒,即10分钟

2.使用if函数判断,当maxtime大于等于零时,判断剩余的分和秒

3.然后用if函数来判断。当只剩下5分钟时,弹出提示:离结束只剩下5分钟了。

4.如果时间到了,清除计时器并提示:结束

效果如图所示:

版权声明:JS实现十分钟倒计时的代码示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。