当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 使用javascript做时间倒数读秒功能的实例

使用javascript做时间倒数读秒功能的实例

2019年03月16日  | 移动技术网IT编程  | 我要评论

某个试卷在线考试需要读秒。网上找了一会就是没找到我想要的。只好自己改改网上的，这也用用，那也用用。

其他代码不贴了。贴相关的：

html页面代码：

<a class="btn btn-default" onclick="startexamine();">开始</a> 
<div id="timeclock" class="col-md-4" ><span class="text-danger hour">00</span> <span class="text-danger minute">00</span> <span class="text-danger seconds">00</span></div>

作为一个显示倒数的div层

javascript 代码：

 var geaminepapeid = 'dfdfad33434342';
    var gexaminepapetime = '100';    
    var ghour = gexaminepapetime / 60;    
    var gminute = gexaminepapetime % 60; 
    var gseconds = gexaminepapetime * 60;
    var hour_elem = $("#timeclock").find('.hour');
    var minute_elem = $("#timeclock").find('.minute');
    var second_elem = $("#timeclock").find('.seconds');
    function startexamine() { 
      //开始计时      
      var timeclik = setinterval('showclock()', 1000);
   }
   function showclock() {    
     if (gseconds > 1) {
       gseconds -= 1;
       var hour = math.floor((gseconds / 3600) % 24);
       var minute = math.floor((gseconds / 60) % 60);
       var second = math.floor(gseconds % 60);
       $(hour_elem).text(hour < 10 ? "0" + hour+":" : hour+":"); //计算小时
       $(minute_elem).text(minute < 10 ? "0" + minute+":" : minute+":"); //计算分钟
       $(second_elem).text(second < 10 ? "0" + second : second); //计算秒杀
     }
     else {
       clearinterval(timeclik);
       //做题时间到
        forcesubmit();
     }
   }   
    function forcesubmit() {
      //强制提交答题
  }

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对移动技术网的支持。如果你想了解更多相关内容请查看下面相关链接

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网