带有 flipclock 的 Javascript 时间计数器

标签 javascript jquery flipclock

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

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

最佳答案

这是一种可能的解决方案: 考虑到它不会在月底重置天数。 但是如果你愿意,你可以将它设置为“autoStart: false”和“setInterval”...

$(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);
});
<!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>

playground

关于带有 flipclock 的 Javascript 时间计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27668886/

相关文章:

javascript - 高效比较两个数字范围

jquery - jQuery 如何处理页面上不存在的元素?

javascript - pjs 未定义(processingjs)

javascript - 使用没有 key 的google maps api

javascript - jQuery每个数组索引附加到div

javascript - 如何计算印度脚本泰卢固语字符

javascript - babel-loader 不工作,在 UglifyJS (ES6) 上出错

javascript - 如何在 FlipClock js 小部件中设置特定的开始时间?

javascript - 将年份计数器添加到 flipclock.js

javascript - 带有重复和延迟的普通 JS 倒计时