jQuery 倒计时代码 js(javascript)


查找相关文章:javascript

一个非常好用的jQuery倒计时工具

效果如下


使用方法非常简单

<style type="text/css">
/** 倒计时样式 **/
	.kkcount-down {
		padding:3px 0;		
		margin:0 auto;
		overflow:hidden; 
		clear:both;
		width:190px; 
		height:35px; 
		text-align:center;
		display:block;
	}
	.kkcount-down span {
		margin:0 1px;
		padding:0;
		display:block;
		float:left; 
		height:35px;
		line-height:40px;
		font-size:14px;
	}
	.kkcount-down .kkcountdown-box span.kkc-dni,
	.kkcount-down .kkcountdown-box span.kkc-godz,
	.kkcount-down .kkcountdown-box span.kkc-min,
	.kkcount-down .kkcountdown-box span.kkc-sec {
		color:#f073ab;
		font:16px Arial,tahoma;
		height:35px;
		font-weight:bold;
		line-height:40px;
	}
/** 倒计时样式 **/
</style>

<span class="kkcount-down" data-time="1474293400"></span>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/kkcountdown.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(".kkcount-down").kkcountdown({
	dayText : '天',
	daysText : '天',
	hoursText : '小时',
	minutesText : '分钟',
	secondsText : '秒',
	displayZeroDays : false,
	oneDayClass : 'one-day'
});
// ]]>
</script>


更详细描述查看这里

http://krzysztof-furtak.pl/kk-countdown-jquery-plugin/ 


附档下载 kkcountdown倒计时