欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-10-17 11:56:53
某个试卷在线考试需要读秒。网上找了一会就是没找到我想要的。只好自己改改网上的,这也用用,那也用用。 其他代码不贴了。贴相关的: html页面代码:

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

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

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() {
      //强制提交答题
  }

总结

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