Javascript时间计数器与翻转时钟
Javascript Time Counter with flipclock
我使用翻转时钟JS进行计数,但是当我重新加载页面时间从零开始我怎么能这样节省时间
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>
操场
相关文章:
- 通过点击按钮翻转缩略图
- IE中的CSS翻转动画:翻转的一面显示镜像内容
- IE中的CSS翻转动画:翻转的一面显示镜像内容
- JavaScript时钟问题
- CSS3卡翻转动画,检测是否不支持
- d3用时钟中的两个指针变换原点
- 卡片翻转动画InternetExplorer11
- 基于实时时钟
- 如何使用拉斐尔自由变换翻转图像
- 在JQuery中将页面翻转转换为自定义url
- 为什么我的犀牛书;s的SVG时钟为黑色圆圈
- JavaScript中的足球时钟计数器
- 在同一窗口中添加多个世界时钟
- 世界的时钟并没有滴答作响
- 只翻转一个DIV,而不是所有DIV都属于同一类
- 在悬停Jquery/cs3时通过翻转动画更改文本
- 可以't实现JavaScript翻转计数器
- 重复翻转时钟
- 来自 MySQL 数据库的翻转时钟时间值,刷新时不会重置
- Javascript时间计数器与翻转时钟