Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2015-5-10 10:43:15 | 被阅次数 | 6518

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  请大家注意,下面代码的功能,实现的是考试倒及时效果。倒计时的提示文字,显示在一个名为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);
}


该杂文来自: 网页制作杂文

上一篇:js删除前后空格

下一篇:js jquery json比较

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计