Question

我正在使用翻转时钟，我设置倒计时工作，但是当我刷新页面时，它从最初开始。例如，我昨天开了25天。如果我刷新浏览器，那么今天它应该显示24但是当我刷新浏览器时它再次从25开始。你能帮帮我吗？

＆＃13;

var clock;
	
	$(document).ready(function() {
		var clock;
		clock = $('.clock').FlipClock({
	        clockFace: 'DailyCounter',
	        autoStart: false,
	        callbacks: {
	        	stop: function() {
	        		$('.message').html('The clock has stopped!')
	        	}
	        }
	    });
			    
	    clock.setTime(2.16e+6);
	    clock.setCountdown(true);
	    clock.start();

	});

＆＃13;

<link href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css" rel="stylesheet"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>


		<div class="clock" style="margin:2em;"></div>
		<div class="message"></div>

＆＃13;

Answer 1

我在网上查了一下，有一个SO问题回答这个问题。基本上你需要计算当前和未来日期之间的时差并将其提供给函数，参考下面的代码。

请参阅以下链接以获取原始答案。

SO Answer

＆＃13;

var clock;

$(document).ready(function() {
  var clock;
  clock = $('.clock').FlipClock({
    clockFace: 'DailyCounter',
    autoStart: false,
    callbacks: {
      stop: function() {
        $('.message').html('The clock has stopped!')
      }
    }
  });
  var future = new Date(Date.UTC(2017, 10, 17, 5, 15, 0));
  var current = new Date();
  var difference = future.getTime() / 1000 - current.getTime() / 1000;
  clock.setTime(difference);
  clock.setCountdown(true);
  clock.start();

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.css" rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js"></script>


<div class="clock" style="margin:2em;"></div>
<div class="message"></div>

＆＃13;

刷新浏览器后，从倒计时开始倒计时倒计时

1 个答案: