六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

js考试时间计时器倒计时代码

Admin | 2015-5-10 10:43:15 | ReadNums | 2969 | 标签 网页制作 | 打印本页
     

  请大家注意,下面代码的功能,实现的是考试倒及时效果。倒计时的提示文字,显示在一个名为TestTime的Div里面。

  在使用的时候,并非是页面载入就自动进入倒计时,而是需要触发StartTimerObject()函数才开始计时,因为这样更加具有灵活性。

  function StartTimerObject()
  {
    var timeDiv = document.getElementById("TestTime");
    timeDiv.innerHTML="考试剩余时间:60分钟";

    var timeObj = null;
    var times = 30 * 60;//剩余时间,单位秒,总时间为30分钟
       
    var timeObj = null;
    function StartTimer()
    {
        if(times == 0)
        {
            //倒计时结束,提交表单
            document.getElementById("Button2").click();
            window.clearInterval(timeObj);
            return;
        }
        var t = "剩余时间:"+Math.floor(times/60) +"分"+times%60+"秒";
        timeDiv.innerHTML = t;
        times --;
    }
    timeObj = window.setInterval(StartTimer,1000);
}


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日