现在的位置: 首页 > 综合 > 正文

JavaScript 含有暂停的倒计时

2012年07月21日 ⁄ 综合 ⁄ 共 1723字 ⁄ 字号 评论关闭

 

<script type="text/javascript" language="javascript">
    var ZT;
    var boolStop = false;
    var maxtime = 2 * 60 * 60;
    LastTime();
    function LastTime() {
        if (maxtime >= 0) {
            minutes = Math.floor(maxtime / 60);
            seconds = Math.floor(maxtime % 60);
            var msg = seconds < 10 ? (minutes + ":0" + seconds) : (minutes + ":" + seconds);
            document.getElementById("ExamTime").innerHTML = msg;
            if (maxtime == 5 * 60)
                alert('注意,还有5分钟!');
            --maxtime;
        }
        else {
            alert("时间到,答题结束!");
        }
        ZT = setTimeout("LastTime()", 1000);

    }
    function TimeStop() {
        clearTimeout(ZT);
        boolStop = true;
        stopTimes();

        document.getElementById("ContinueQustions").setAttribute("style", "width:100%; position:absolute; top:0px; left:0px;  height:100%; display:block;z-index:3; line-height:100%;");
       

    }

    function TimeStart() {
        if (boolStop) {
            LastTime();
            boolStop = false;
            clearTimeout(stopTimer);
            document.getElementById("ContinueQustions").setAttribute("style", "display:none;");
        }

    }
    var stopTimeM = 0;
    var sotoTimeS = 0;
    var stopTimer = null;
    function stopTimes() {
        sotoTimeS++;
        if (sotoTimeS > 59) {
            sotoTimeS = 0;
            stopTimeM++;
        }
        stopTimer = setTimeout("stopTimes()", 1000);
    }
   
   
</script>

<div style=" position:absolute; text-align:right; top:20px; right:0px; width:250px; text-align:center; z-index:2; overflow:hidden;">

 <img onclick="TimeStop()" style="cursor: pointer" src="picture/btn_stop_exam.gif" alt="暂停考试" title="暂停考试"/>&nbsp;

</div>

<div id="ContinueQustions">
                <img  style=" position:relative; top:50%;" alt="继续考试" title="继续考试" src="picture/btn_continue.gif" onclick="TimeStart();" />
           </div>

抱歉!评论已关闭.