javascript考试系统倒计时

最新推荐文章于 2023-11-06 09:36:43 发布

begeneral

最新推荐文章于 2023-11-06 09:36:43 发布

阅读量4.7k

点赞数 2

文章标签： javascript 倒计时

本文链接：https://blog.csdn.net/niechaoya/article/details/41846197

版权

html代码如下：

<html>

<head>

</head>

<body>

    <label>剩余时间：

        <span id="remainhour"></span>

        <span id="remainminite"></span>

        <span id="remainsecond"></span>

    </label>

</form>

</body>

</html>

js代码：

一进入到考试页面就开始计时

var endtime = new Date();

endtime.setHours(new Date().getHours()+2);  //考试时间为两个小时

function timer()

    var nowtime = new Date();

    var totalsecond = Math.floor((endtime.getTime()-nowtime.getTime())/1000); //计算剩余秒数

    if(totalsecond==0){  //当剩余秒数为0时提交表单

        $("#exam").submit();

    var remainhour=Math.floor(totalsecond/3600); //剩余小时

    var remainminite=Math.floor((totalsecond-3600*remainhour)/60);//剩余分钟

    var remainsecond=Math.floor(totalsecond-3600*remainhour-60*remainminite);//剩余秒数

    $("#remainhour").text(remainhour+"小时");

    $("#remainminite").text(remainminite+"分钟");

    $("#remainsecond").text(remainsecond+"秒");

}  
setInterval(timer,1000);    
</script>

关注