考试页面倒计时（禁止刷新）

最新推荐文章于 2023-03-23 09:10:24 发布

yjm2017

最新推荐文章于 2023-03-23 09:10:24 发布

阅读量980

点赞数 1

分类专栏： web前端文章标签： javascript jquery

本文链接：https://blog.csdn.net/sxl2017/article/details/104712121

版权

web前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript" src="skin/jquery.js"></script>
    
<SCRIPT >  
//
document.onkeydown = function() { 
    if(event.keyCode==116) { 
        event.keyCode=0; 
        event.returnValue = false; 
        } 
    }; 

document.oncontextmenu = function() { 
    event.returnValue = false; 
    }; 
    
      
if (window.Event) 
    document.captureEvents(Event.MOUSEUP); 
    function nocontextmenu() {
     event.cancelBubble = true
     event.returnValue = false;
     return false;
    }
     
    function norightclick(e) {
     if (window.Event) {
      if (e.which == 2 || e.which == 3)
       return false;
     }else if (event.button == 2 || event.button == 3){
       event.cancelBubble = true
       event.returnValue = false;
       return false;
      }
    }
    document.oncontextmenu = nocontextmenu;  // for IE5+
    document.onmousedown = norightclick;  // for all others
    
    
    $(function(){
        var totleSecond = initTimer();
        startTime(totleSecond);   //开始倒计时
    })
    
    function initTimer(){
        var totleSecond = Number($("#remainingTime").val())  //获取上图的input的剩余时间
        return totleSecond;
    }
    
    function startTime(totleSecond){
        $("#time").text(formatTime(totleSecond));
        var timer = setInterval(function(){
            totleSecond -= 1 ;
            $("#remainingTime").val(totleSecond);   //给上图的input更新剩余时间
            if(totleSecond >=0 ){
                $("#time").text(formatTime(totleSecond));
            }else{
                //AutoSubmit();
                alert("考试结束！")
                clearInterval(timer);
                $("#remainingTime").val("");
                
            }
        },1000)
    }
    
    function formatTime(totleSecond){
        var hour = Math.floor(totleSecond/3600);
        var minute = Math.floor((totleSecond%3600)/60);
        var second = Math.floor(totleSecond%60);
    
        hour = formatTimeNumber(hour);
        minute  = formatTimeNumber(minute)
        second  = formatTimeNumber(second);
        return (hour +":"+minute+":"+second)
    }
    
    function formatTimeNumber(number){
        if(number<10){
            return "0"+number;
        }else{
            return number;
        }
    }
</SCRIPT>

</head>

<body>

<input id="remainingTime"    value="10"/>

<div id="time"></div>
</body>
</html>

yjm2017

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
考试页面倒计时（禁止刷新）

<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="sk...
复制链接

扫一扫