在线考试系统(一)---JS倒计时cookie防刷新

最新推荐文章于 2021-08-05 11:32:10 发布

Yolanda_NuoNuo

最新推荐文章于 2021-08-05 11:32:10 发布

阅读量6.4k

点赞数 7

分类专栏： Java-web 文章标签： cookie 在线考试系统防刷新倒计时 JS

本文链接：https://blog.csdn.net/Yolanda_NuoNuo/article/details/58129278

版权

本文介绍了如何在在线考试系统中实现JS倒计时功能，并利用cookie防止刷新后计时重置，确保考试公平。通过设置cookie并在页面加载时检查，确保倒计时的连续性。同时，文章提及了考试时间结束时自动提交答案的机制，并预告了后续关于答案存储在cookie中的方法。

摘要由CSDN通过智能技术生成

年前给公司做了个在线答题系统，需要在考试页面上显示倒计时。之前有用过别的在线考试系统，有的系统刷新计时就会重新开始，这对答题者是很好，可以用来作弊，
实际上却是个Bug，所以需要结合cookie，当然如果清掉cookie重新计时那我就没办法了╮(￣▽￣”)╭。
按照本宝宝的一贯风格，我又来粗暴的晒代码啦！

    $(function() {
   
        var _minute = parseInt("${test.timeLimit}");
        var _expiresHours = _minute * 60 * 1000;

        if(!hasSetCookie()){
            addCookie("${test.id}", _expiresHours, _expiresHours);
        }
        settime($("#remainTime")); 
    });
    function hasSetCookie(){
   
        var strCookie = document.cookie;
        var arrCookie = strCookie.split("; ");
        for (var i = 0; i < arrCookie.length; i++) {
            var arr = arrCookie[i].split("=");
            if (arr[0] == "${test.id}") {
                return true;
            }
        };
        return false;
    }
    //开始倒计时
    function