Flipclockのカウントダウンタイマーが再開を停止しないようにする

Question

Flipclockのカウントダウンタイマーが誰かがWebページをリフレッシュしたときに再起動を止めないようにするにはどうすればよいですか？

この私が、私はあなたがこの問題を解決するためにクッキーを使用すべきだと思う

<div class="clock"></div> 
<div class="countdownHeader"><span>Sale Ends Midnit</span></div> 

<script type="text/javascript"> 

    jQuery(document).ready(function() { 
    var clock; 

    clock = jQuery('.clock').FlipClock({ 
     clockFace: 'DailyCounter', 
     autoStart: false, 
     showSeconds: false, 
     callbacks: { 
      stop: function() { 
      jQuery('.clock,.countdownHeader').hide(); 
      } 
     } 
    }); 

    /*clock.setTime(counter);*/ 
    clock.setTime(452540.668); 
    clock.setCountdown(true); 
    clock.start(); 

    }); 
</script> 

Answer 1

を使用しようとしたコード。

クッキーにタイマーを設定し、ページをリフレッシュするときにクッキーが設定されているかどうかを確認し、そのタイマー値を取得します。それ以外の場合はタイマーを再起動します。

チェッククッキーの使用方法へのリンク：Working with Cookies

Answer 2

function secsToMidnight() { 
 
    var now = new Date(); 
 
    var then = new Date(now); 
 
    then.setHours(24, 0, 0, 0); 
 
    return parseInt((then - now) * 60/6e4); 
 
} 
 

 
var clock = $('.your-clock').FlipClock(secsToMidnight(),{ 
 
countdown: true 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.css" rel="stylesheet"/> 
 
<br> 
 
<div class="your-clock"></div>

深夜までの残り秒を計算し、あなたの時計に設定します。

Answer 3

サーバーからD2の文字列を指定することができた場合（またはハードコードあなたがしなければならない場合、私は、推測）：

// Date to 
var d2 = new Date('2017-09-01 00:00:00'); 
// Date now on client 
var d1 = new Date($.now()); 
// Subtract one from the other 
var seconds = (d2 - d1)/1000; 
// Dates and seconds to go 
console.log('seconds: ' + seconds + ' => d2: ' + d2 + ' => d1: ' + d1); 

、これはあなたにclock.setTime（秒）のためのパラメータを提供します。