JS怎么实现十分钟倒计时

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

创新互联公司专注于阿荣企业网站建设,响应式网站,电子商务商城网站建设。阿荣网站建设公司,为阿荣等地区提供建站服务。全流程按需网站设计，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务

js有什么特点

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

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

HTML部分：

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);

JS十分钟倒计时代码的具体步骤：

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

2、用if函数判断，当maxtime大于等于零时，判断剩余分和秒

3、再用if函数判断，当时间仅剩5分钟时，弹出提示：距离结束仅剩5分钟

4、如果时间到，则清除定时器，提示：结束

效果如图所示：

JS怎么实现十分钟倒计时

以上是“JS怎么实现十分钟倒计时”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

文章标题：JS怎么实现十分钟倒计时
文章转载：http://mswzjz.cn/article/pspgeh.html

网站建设知识

JS怎么实现十分钟倒计时

js有什么特点

其他资讯