<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CountDown</title>
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
/**
* 倒计时器: 用户可以自定义倒计时时间,时间到了,提示用户
*
*/
/**
* 定义一个time对象
*/
var time = new Object();
/** 定义监听函数数组 */
time.eventStack = new Array();
/**
* time对象增加addEvent属性
* @param {Object} eventName 事件名
*/
time.addEvent = function(eventName){
if(!time.eventStack[eventName]){
time.eventStack[eventName] = new Array();
}
}
time.addListener = function(eventName,listener){
time.eventStack[eventName].push(listener);
}
time.dispatcher = function(eventName){
for(var i in time.eventStack[eventName]){
time.eventStack[eventName][i]();
}
}
time.addEvent('timeover');
time.addListener('timeover',function(){
var now = $('#text').val();
var a = setInterval(function(){
now--;
$('#content').html(now);
if(now ==0){
alert('Time Over ....');
clearInterval(a);
}
},1000);
});
$(document).ready(function(){
$('#btn').click(function(){
time.dispatcher('timeover');
});
});
</script>
</head>
<div id="title">输入你需要倒计时的时间(以秒为单位)</div><div id="content"></div>
<input type="text" id="text"> <input type="button" id="btn" value="sub">
<body>
</body>
</html>
走在路上的感觉