Question

我使用翻转时钟JS进行计数，但是当我重新加载页面时，从零开始我怎么能节省时间，如this

var clock;      
 $(document).ready(function() {
  clock = $('.clock').FlipClock({
   clockFace: 'DailyCounter'
 });
});

Answer 1

这是一个可能的解决方案：考虑到它不会在月底重置天数值。但是如果你想要你可以将它设置为＆＃34; autoStart：false＆＃34;和＆＃34; setInterval＆＃34; ...

＆＃13;

$(document).ready(function() {
  var date = new Date(),
      days = date.getDate()*60*60*24,
      hours = date.getHours()*60*60,
      minutes = date.getMinutes()*60,
      sec = date.getSeconds(),
      clock = $('.clock').FlipClock({
    clockFace: 'DailyCounter'
  });  
  clock.setTime(days+hours+minutes+sec);
});

＆＃13;

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">
	</head>
	<body>
		<div class="clock"></div>
		<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
		<script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>
	</body>
</html>

＆＃13;

playground

带有flipclock的Javascript计时器

1 个答案: