编写js倒计时代码需要用到很多javascript知识,比如:if函数,math.floor,定时器setinterval等等,如有不清楚的小伙伴可以参考的相关文章,或者访问 javascript视频教程。
举例:10分钟考试倒计时,当时间仅剩五分钟时,提醒考试仅剩5分钟,时间结束时,提示考试结束。具体代码如下:
html部分:
<body> <div id="timer"></div> <div id="warring"></div></body>
javascript部分:
<script type="text/javascript"> var maxtime = 10 * 60; // function countdown() { if (maxtime >= 0) { minutes = math.floor(maxtime / 60); seconds = math.floor(maxtime % 60); msg = "距离结束还有" + minutes + "分" + seconds + "秒"; document.all["timer"].innerhtml = msg; if (maxtime == 5 * 60)alert("距离结束仅剩5分钟"); --maxtime; } else{ clearinterval(timer); alert("时间到,结束!"); } } timer = setinterval("countdown()", 1000); </script>
js十分钟倒计时代码的具体步骤:
1、设置考试时长maxtime = 10 * 60秒,即10分钟
2、用if函数判断,当maxtime大于等于零时,判断剩余分和秒
3、再用if函数判断,当时间仅剩5分钟时,弹出提示:距离结束仅剩5分钟
4、如果时间到,则清除定时器,提示:结束
效果如图所示:
以上给大家分享了一个js倒计时十分钟的代码,步骤很详细,容易理解,初学者可以自己动手尝试,看看能不能实现倒计时的效果,希望这篇文章对你有所帮助!
【相关教程推荐】
1. javascript中文参考手册
2. javascript视频教程
3. bootstrap教程
以上就是js如何实现分钟倒计时(十分钟倒计时实例)的详细内容。
