jQuery 倒计时代码
jquery.kTimer-1.0.develop.js文件内容：
/*
* =========== 【倒计时】插件可设置参数及默认值 ===========
* format : 'hh : mm : ss', // 时间显示格式，支持HTML标签
* endTime : '2012/12/31 23:59:59' // 结束时间
* ====================================
* 插件版本：V 1.0
* @作者:路卡卡
* QQ:1599538531
* 2012-06-13
* ====================================
*/
;(function($){
$.fn.kTimer = function(option){
var obj = $(this);
if( !obj.length ){ return obj };
// 默认参数
var defaults = {
format : 'hh : mm : ss', // 时间显示格式
endTime : '2012/12/31 23:59:59' // 结束时间
};
var opt = $.extend({},defaults,option),
matdd = /(dd){1}/,
mathh = /(hh){1}/,
matmm = /(mm){1}/,
matss = /(ss){1}/,
mat = /[^d]*(?:dd)*[^h]*(?:hh)+[^m]*(?:mm)+[^s]*(?:ss)+/;
// 格式不对返回
if( !mat.test(opt.format) ){ return };
// 写入剩余时间
var writeTime = function(){
var time = calculation( new Date(),opt.endTime );
var theMat = opt.format.replace(matdd,time.d).replace(mathh,time.h).replace(matmm,time.m).replace(matss,time.s);
obj.html( theMat );
};
setInterval( writeTime,1000 );
// 计算剩余时间
function calculation( start,end ){
var theTime = Date.parse(end) - Date.parse(start);
return {
d : Math.floor( theTime / (1000 * 60 * 60 * 24) ),
h : Math.floor( theTime / (1000 * 60 * 60) % 24 ),
m : Math.floor( theTime / (1000 * 60) % 60 ),
s : Math.floor( theTime / 1000 % 60 )
};
};
};
})(jQuery);
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="/js/jquery-1.4.4.min.js" ></script><%--浮出层js--%>
<script type="text/javascript" src="jquery.kTimer-1.0.develop.js" ></script>
<script type="text/javascript">
$(function () {
$("#timer").kTimer({
format : '还剩 dd 天 hh 时 mm 分 ss 秒',// 时间显示格式，支持HTML标签
endTime : '2013/12/31 23:59:59'// 结束时间
});
});
</script>
</head>
<body>
<span id="timer"></span>
</body>
</html>
浙公网安备 33010602011771号