jQuery Flip Clock - 翻转时钟倒计时插件演示

首页

jQuery Flip Clock - 翻转时钟倒计时插件演示

如何使用

一般使用：

$('.dowebok').flipTimer({
	seconds: true
});

一般使用：

$(function(){
	var d = new Date();
	var myDate = d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + (d.getDate() + 1) + ' 00:00:00';
	
	$('.dowebok').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);
	
	$('.dowebok').flipTimer({
		direction: 'down',
		date: myDate,
		callback: function(){
			alert('倒计时结束！');
		}
	});
});

参考来源

复古翻牌时钟效果-三种效果 [预览]

jQuery, Flip Countdown, 翻转时钟, 倒计时插件, JavaScript, HTML5, CSS3, 动画效果, 时间显示, 活动倒计时, 节日倒数, 产品发布, 响应式设计, 用户界面, UI组件探索并体验 jQuery Flip Countdown Plugin 的魅力，本页面展示了一个精美的翻转时钟倒计时效果。适用于活动倒计时、节日倒数、产品发布等场景，提供流畅的动画和可定制的外观。