JS实现十分钟倒计时代码实例
更新时间：2018年10月18日 08:36:39 投稿：laozhang
在本篇文章里我们给大家分享了关于JS实现十分钟倒计时的相关实例代码，有需要的朋友们可以学习下。
编写JS倒计时代码需要用到很多JavaScript知识，比如：if函数，Math.floor，定时器setInterval等等，如有不清楚的小伙伴可以参考PHP中文网的相关文章，或者访问 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、如果时间到，则清除定时器，提示：结束
效果如图所示：
相关文章
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
本文由脚本之家小编给大家分享的基于js判断手机号运行商是移动、联通、电信还是其他的，然后根据不同的运营商做出对应的处理，感兴趣的朋友一起学习吧2015-09-09
下面小编就为大家带来一篇从对象列表中获取一个对象的方法,依据关键字和值。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家介绍了URLSearchParams快速解析URL查询参数实现，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要为大家分享了js滑动提示效果代码，实现方法简单，感兴趣的小伙伴们可以参考一下2016-03-03
最近在学习的时候到了基础算法这一章节，让我对js内置对象方法的掌握还有思维逻辑都得到了提升，所借此机会来写一写学习心得和总结。下面这篇文章主要介绍了利用javascript实现翻转字符串与回文的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02
这篇文章主要介绍了JS数组方法concat()用法,结合实例形式分析了JS数组concat()方法具体功能、用法及操作注意事项,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了详解JavaScript正则表达式之分组匹配及反向引用 的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要为大家详细介绍了js实现上传图片到服务器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
js利用FileReader实现图片转base64格式并上传预览头像
本文主要介绍了js利用FileReader实现图片转base64格式并上传预览头像，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-05-05
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之标签切换的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论