本文将演示flipTimer时钟、倒计时和回调的方法,有点像日历翻页效果,兼容各大主流浏览器。
演示一:时钟
<div id="times">
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</div>
$(function() {
$('#times').flipTimer({
seconds: true
});
});
演示二:倒计时
$(function() {
var d = new Date();
var myDate = d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + (d.getDate() + 1) + ' 00:00:00';
$('#times').flipTimer({
direction: 'down',
date: myDate
});
});
倒计时回调
$(function() {
var d = new Date();
var myDate = d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + (d.getSeconds() + 10);
$('#times').flipTimer({
direction: 'down',
date: myDate,
callback: function() {
alert('倒计时结束!');
}
});
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791