我正在使用 jQuery 插件将倒计时器放入我的网页中。目前控制计时器显示内容的代码是:
<script type="text/javascript">
var clock = $('.clock').FlipClock(3600 * 24 * 3, {
clockFace: 'DailyCounter',
countdown: true
});
</script>
插件的 JS 可以在这里查看:https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js
所使用代码的示例页面可以在这里看到:http://flipclockjs.com/faces/daily-counter
目前计时器为 3 天倒计时,每次刷新页面时都会重置。我想为倒计时器使用自定义时间,该时间将是绝对的(不会随着页面刷新而重置)。我希望日期为 2013 年 9 月 30 日中午 12:00 PST(美国西部 - 加利福尼亚时区)。
有没有办法使用 Javascript 或 jQuery 来做到这一点?
获取当前时间,并注意这将是用户计算机时钟上设置的时间(无论设置为什么),并设置某个日期,然后计算差值并将其用于插件:
var date = new Date(Date.UTC(2013, 8, 30, 12, 0, 0));
var now = new Date();
var diff = date.getTime()/1000 - now.getTime()/1000;
var clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
countdown: true
});
为了获得准确的时间,我建议使用您的网络服务器来输出当前时间。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)