<!
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 >
< 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 >