首页 > 代码库 > 秒杀倒计时文件
秒杀倒计时文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://www.mamicode.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
;(function($) {
$.fn.CountDown = function(options) {
var defaultVal = {
startTime : ‘startTime‘, // 存放开始时间
endTime : ‘endTime‘, // 存放结束时间
serverTime:‘serverTime‘,
wTime : 100, // 以100毫秒为单位进行演算
startText : ‘<font style="font-size:14px;color:red;font-weight:bold">还有%D%天%H%小时%M%分%S%秒开始秒杀</font>‘, // 显示的文本模版
endText : ‘<font style="font-size:14px;color:red;font-weight:bold">还有%D%天%H%小时%M%分%S%秒秒杀结束</font>‘, // 显示的文本模版
outText : ‘<font style="font-size:14px;color:red;font-weight:bold">秒杀已经结束</font>‘// 过期显示的文本模版
};
var s = $.extend(defaultVal, options);
var _this = $(this);
var nowTime = s.serverTime;
var runTime = function() {
_this.each(function() {
var nthis = $(this);
var sorgT = s.startTime ;//开始时间戳
var eorgT = s.endTime;//结束时间戳
//var nowTime=new Date().getTime();
var sT = isNaN(sorgT) ? 0 : sorgT - nowTime;//开始时间-当前时间
var eT = isNaN(eorgT) ? 0 : eorgT - nowTime;//开始时间-结束时间
var showTime = function(rT, showTpl) {
//剩余时间
var _seconds = Math.round((rT % 60000) / s.wTime);
var sxp = Math.round(1000 / s.wTime).toString().length - 1;
_seconds = (_seconds / 1000 * s.wTime).toFixed(sxp);
var _minutes = Math.floor((rT % 3600000) / 60000);
var _hours = Math.floor((rT % 86400000) / 3600000);
var _days = Math.floor(rT / 86400000);
nthis.html(showTpl.replace(/%S%/, _seconds).replace(/%M%/, _minutes).replace(/%H%/, _hours).replace(/%D%/, _days));
};
if (sT > 0) {
showTime(sT, s.startText);
} else if (eT > 0) {
showTime(eT, s.endText);
} else {
nthis.html(s.outText);
}
});
nowTime=nowTime+s.wTime;
};
setInterval(function() {
runTime();
}, s.wTime);
};
})(jQuery);
</script>
</head>
<body>
<div class="time"></div>
<div class="time2"></div>
<div class="time"></div>
<div class="time"></div>
<div class="time"></div>
<script type="text/javascript">
$(function(){
$(".time").CountDown({
startTime:1399760782258,
endTime:1399760792258,
serverTime:1399760772258
});
$(".time2").CountDown({
startTime:1398751759299,
endTime:1398751779299,
serverTime:1398751649299
});
})
</script>
</body>
</html>