倒計時如果我重新加載頁面 - - 需要設置它，直到某個日期

Question

倒計時腳本，如果我重新加載頁面，重新開始。我需要將它設置到某個日期。

這裏是鏈接，倒數計時器視圖，你也可以下載並使用它或看到代碼：https://timer.craftovdvlp.club/

這裏是腳本：

$(document).ready(function() { 
 

 
    $('#countdown2').ClassyCountdown({ 
 
    end: '1388468325', 
 
    now: '1378441323', 
 
    labels: true, 
 
    style: { 
 
     element: "", 
 
     textResponsive: .5, 
 
     days: { 
 
     gauge: { 
 
      thickness: .01, 
 
      bgColor: "rgba(0,0,0,0.05)", 
 
      fgColor: "#1abc9c" 
 
     }, 
 
     textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#34495e;' 
 
     }, 
 
     hours: { 
 
     gauge: { 
 
      thickness: .01, 
 
      bgColor: "rgba(0,0,0,0.05)", 
 
      fgColor: "#2980b9" 
 
     }, 
 
     textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#34495e;' 
 
     }, 
 
     minutes: { 
 
     gauge: { 
 
      thickness: .01, 
 
      bgColor: "rgba(0,0,0,0.05)", 
 
      fgColor: "#8e44ad" 
 
     }, 
 
     textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#34495e;' 
 
     }, 
 
     seconds: { 
 
     gauge: { 
 
      thickness: .01, 
 
      bgColor: "rgba(0,0,0,0.05)", 
 
      fgColor: "#f39c12" 
 
     }, 
 
     textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#34495e;' 
 
     } 
 

 
    }, 
 
    onEndCallback: function() { 
 
     console.log("Time out!"); 
 
    } 
 
    }); 
 

 
});

<link href="http://timer.craftovdvlp.club/css/jquery.classycountdown.css" rel="stylesheet" /> 
 
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
 
<script src="http://timer.craftovdvlp.club/js/jquery.classycountdown.js"></script> 
 

 
<script src="http://timer.craftovdvlp.club/js/jquery.knob.js"></script> 
 
<script src="http://timer.craftovdvlp.club/js/jquery.throttle.js"></script> 
 

 
<div class="container"> 
 

 
    <div id="countdown2" class="ClassyCountdownDemo"></div> 
 

 
</div>

附：如果有人有或知道美麗的線循環倒數計時器的鏈接，我將非常感謝幫助）

Answer 1

無論何時您重新加載頁面，內存將重置。嘗試使用類似cookie這樣的存儲計時器結束日期的東西。

now也應該在每次重新加載頁面時創建，如@Himanshu Upadhyay的回答和@ Santi的評論中所述。

I.E.

var end = document.cookie.replace(/(?:(?:^|.*;\s*)timerEnd\s*\=\s*([^;]*).*$)|^.*$/, "$1"); 
end = end || '' + Date.now() + 15 * 60 * 1000; // 15 minutes 
document.cookie='timerEnd=' end; 
$('#countdown2').ClassyCountdown({ 
    end: end, 
    now: '' + Date.now(), 
    // ...etc 

Answer 2

現在獲取當前時間變量是這樣的：

$(document).ready(function() { 
    var d = new Date(); 
    var now = d.getTime(); 

    $('#countdown2').ClassyCountdown({ 
     end: '1388468325', 
     now: now, 
     .... 
    }); 
});