欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時

 更新時間:2015年06月19日 09:54:15   投稿:hebedich  
這篇文章主要介紹了基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時的方法和示例,有需要的小伙伴可以參考下

基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時

$(function() {
      var _minute = parseInt("${exampaper.paperTime }");
      var _expiresHours = _minute * 60 * 1000;
        
      if(!hasSetCookie()){
        addCookie("${examinee.examineeId}", _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] == "${examinee.examineeId}") {
          return true;
        }
      };
      return false;
    }
    //開始倒計時
    function settime(remainTime) {
      var _time = getCookieValue("871d31bacfd4451484c5f70f8860c2a9");
      var _countdown = parseInt(getCookieValue("${examinee.examineeId}")) / 1000;
       
      if (_countdown <= 0) {
        alert("考試時間到!");
        endExam();
      } else {
        var _second = _countdown % 60;
        var _minute = parseInt(_countdown / 60) % 60;
        var _hour = parseInt(parseInt(_countdown / 60) / 60);
 
        if (_hour < 10)
          _hour = "0" + _hour.toString();
        if (_second < 10)
          _second = "0" + _second.toString();
        if (_minute < 10)
          _minute = "0" + _minute.toString();
 
        remainTime.html(_hour + ":" + _minute + ":" + _second);
        _countdown--;
        editCookie("${examinee.examineeId}", _countdown * 1000, _countdown * 1000);
      }
      //每1000毫秒執(zhí)行一次
      setTimeout(function() {
        settime(remainTime);
      }, 1000);
    };
 
    //時添加cookie
    function addCookie(name, value, expiresHours) {
      var cookieString = name + "=" + escape(value); //escape() 函數(shù)可對字符串進行編碼,這樣就可以在所有的計算機上讀取該字符串。
      //判斷是否設置過期時間,0代表關閉瀏覽器時失效
      if (expiresHours > 0) {
        var date = new Date();
        date.setTime(date.getTime() + expiresHours * 1000);
        cookieString = cookieString + ";expires=" + date.toUTCString();
      }
      document.cookie = cookieString;
    }
 
    //修改cookie的值
    function editCookie(name, value, expiresHours) {
      var cookieString = name + "=" + escape(value);
      if (expiresHours > 0) {
        var date = new Date();
        date.setTime(date.getTime() + expiresHours * 1000); //單位是毫秒
        cookieString = cookieString + ";expires=" + date.toGMTString();
      }
      document.cookie = cookieString;
    }
 
    //根據名字獲取cookie的值
    function getCookieValue(name) {
      var strCookie = document.cookie;
      var arrCookie = strCookie.split("; ");
      for (var i = 0; i < arrCookie.length; i++) {
        var arr = arrCookie[i].split("=");
        if (arr[0] == name) {
          return unescape(arr[1]);
          break;
        } else {
          continue;
        };
      };
    }

以上所述就是本文的全部內容了,希望大家能夠喜歡。

您可能感興趣的文章:

相關文章

  • jQuery的幾種選擇器及實例詳解

    jQuery的幾種選擇器及實例詳解

    這篇文章主要介紹了jQuery的幾種選擇器詳解,Query 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"(或選擇)HTML 元素, 它基于已經存在的 CSS 選擇器,除此之外,它還有一些自定義的選擇器,需要的朋友可以參考下
    2023-05-05
  • 使用jQuery在對象中緩存選擇器的簡單方法

    使用jQuery在對象中緩存選擇器的簡單方法

    這篇文章主要介紹了使用jQuery在對象中緩存選擇器的簡單方法,jQuery是最知名的JavaScript庫,需要的朋友可以參考下
    2015-06-06
  • jQuery插件jsonview展示json數(shù)據

    jQuery插件jsonview展示json數(shù)據

    這篇文章主要為大家詳細介紹了jQuery插件jsonview展示json數(shù)據的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-05-05
  • jQuery extend 的簡單實例

    jQuery extend 的簡單實例

    這篇文章介紹了jQuery extend 的簡單實例,有需要的朋友可以可以參考一下
    2013-09-09
  • jQuery實現(xiàn)高亮顯示的方法

    jQuery實現(xiàn)高亮顯示的方法

    這篇文章主要介紹了jQuery實現(xiàn)高亮顯示的方法,涉及jQuery樣式控制的addClass與removeClass方法使用技巧,需要的朋友可以參考下
    2015-03-03
  • jquery復選框多選賦值給文本框的方法

    jquery復選框多選賦值給文本框的方法

    這篇文章主要介紹了jquery復選框多選賦值給文本框的方法,涉及jQuery相關選擇器的使用技巧,需要的朋友可以參考下
    2015-01-01
  • Jquery優(yōu)化效率 提升性能解決方案

    Jquery優(yōu)化效率 提升性能解決方案

    jQuery是目前非常流行的Javascript庫之一,隨著jQuery應用程序的逐漸增多,其性能優(yōu)化問題是程序員們不可忽視的,我們知道在jQuery中最快的選擇器是ID選擇器,因為它直接來自于JavaScript的getElementById()方法。
    2010-09-09
  • JQuery Ajax 異步操作之動態(tài)添加節(jié)點功能

    JQuery Ajax 異步操作之動態(tài)添加節(jié)點功能

    異步操作動態(tài)添加節(jié)點,導致在代碼中給添加的節(jié)點全局綁定事件或者獲取元素無效,問題出在哪里呢?下文給大家介紹下,感興趣的朋友參考下吧
    2017-05-05
  • 非常實用的12個jquery代碼片段

    非常實用的12個jquery代碼片段

    開發(fā)人員利用jQuery代碼不僅能給網站帶來各種動畫、特效,還會提高網站的用戶體驗。本文總結了開發(fā)者經常使用的12個jQuery代碼片段,大家可以直接拿來用
    2015-11-11
  • JQuery中dataGrid設置行的高度示例代碼

    JQuery中dataGrid設置行的高度示例代碼

    dataGrid 設置行的高度在jquery中如何做到,下面有個不錯的教程,感興趣的朋友可以參考下
    2014-01-01

最新評論