<html xmlns="
http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="spanTime">load...</span>
</div>
</form>
</body>
</html>
<script type="text/javascript">
//倒计时
var cd = {
init: function (obj) {
var than = this;
var onStart = obj.onStart || null;
var onEnd = obj.onEnd || null;
var tmp = 0;
var st = new Date(obj.startTime.toString().replace(/-/g, '/')).getTime();
var et = new Date(obj.endTime.toString().replace(/-/g, '/')).getTime();
if (et > st) {
tmp = (et - st) / 1000;
}
var loop = setInterval(function () {
tmp--;
document.getElementById('spanTime').innerHTML = than.getTime(tmp);
if (tmp <= 0) {
if (onEnd != null) {
clearInterval(loop);
onEnd();
}
}
}, 1000)
}, getTime: function (num) {
var str = "剩余时间:" + num;
return str;
}
}
cd.init({
'startTime':'2013-05-03 10:30:00',
'endTime':'2013-05-03 10:30:10',
'onStart':function(){alert('start...');},
'onEnd':function(){alert('end...')}
})
</script>
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="spanTime">load...</span>
</div>
</form>
</body>
</html>
<script type="text/javascript">
//倒计时
var cd = {
init: function (obj) {
var than = this;
var onStart = obj.onStart || null;
var onEnd = obj.onEnd || null;
var tmp = 0;
var st = new Date(obj.startTime.toString().replace(/-/g, '/')).getTime();
var et = new Date(obj.endTime.toString().replace(/-/g, '/')).getTime();
if (et > st) {
tmp = (et - st) / 1000;
}
var loop = setInterval(function () {
tmp--;
document.getElementById('spanTime').innerHTML = than.getTime(tmp);
if (tmp <= 0) {
if (onEnd != null) {
clearInterval(loop);
onEnd();
}
}
}, 1000)
}, getTime: function (num) {
var str = "剩余时间:" + num;
return str;
}
}
cd.init({
'startTime':'2013-05-03 10:30:00',
'endTime':'2013-05-03 10:30:10',
'onStart':function(){alert('start...');},
'onEnd':function(){alert('end...')}
})
</script>