在線考試系統無刷新倒計時設計方案

在考試系統中難免會有倒計時提示，我們第一想到的是用js的settimeout

但是發現一個問題如果頁面刷新則重新倒計時，以下是我的解決方案：

1.用settimeout每隔一秒觸發一次

2.用cookies在cookies中讀取剩余時間
以下是實現代碼：

js部分：

<script language="javascript" type = "text/javascript">
        function GetCookieByName(name) {
            //獲取cookie字符串 
            var strCookie = document.cookie;
            //將多cookie切割為多個名/值對 
            var arrCookie = strCookie.split("; ");
            var userId;
            //遍歷cookie數組，處理每個cookie對 
            for (var i = 0; i < arrCookie.length; i++) {
                var arr = arrCookie[i].split("=");
                //找到名稱為name的cookie，並返回它的值 
                if (name == arr[0]) {
                    userId = arr[1];
                    break;
                }
            }
            return userId; 
        }
        function Change(m, s) {
            s = s - 1;
            if (s < 0) {
                s = 60 + s;
                m = m - 1;
            }
            if (m == 10 && s == 0) {
                alert("離答題結束還有10分鍾，請盡快完成題目！");
            }
            document.getElementById("divtime").innerHTML = m + "分" + s + "秒";
            document.cookie = "m=" + m;
            document.cookie = "s=" + s;
            setTimeout(function() {
                Change(m,s);
            }, 1000);
        }
        window.onload = function() {
        //SetCookie(20, 20);
            var m = GetCookieByName("m");
            var s = GetCookieByName("s");
            Change(m, s);

        }
    </script>

.net后台部分：

在后台代碼中設置cookies值

Response.Cookies["m"].Value =  strs[0];
Response.Cookies["s"].Value = strs[1];