本文编写了一个javascript实现的计时器和倒计时器。
1.计时器的范例代码<html><head><title>计时器的范例</title><script language="javascript"><!--var CallTimeLen = "0";var timer1 = null;
function DoCallTimer(){ var minute="0"; var second="0"; CallTimeLen = parseInt(CallTimeLen)+1; minute = parseInt(CallTimeLen/60); second = CallTimeLen`; if(minute=="0") { document.frmtimer.thzt.innerText ="您已通话:"+second+"秒"; } else { document.frmtimer.thzt.innerText ="您已通话:"+minute+"分"+second+"秒"; } window.timer1 = window.setTimeout("DoCallTimer()",1000);}function stop(){ clearTimeout(window.timer1);}--></script></head><body><form name="frmtimer" action="" method="post"><hr><input type="text" name="thzt" id="thzt"><br><input type="button" value="开始计时" name="start" onClick="DoCallTimer()"><input type="button" value="停止" name="stop" onClick="clearTimeout(window.timer1);"><hr></form></body></html>
2.倒计时器的范例代码<html><head><title>计时器的范例</title><script language="javascript"><!--var CallTimeLen = "0";var begintime;var timer = null;
function DoConverseCallTimer(){ //alert(document.frmtimer.thzt.value); if(document.frmtimer.thzt.value == "") alert("请输入倒计时开始的秒数！"); else { document.frmtimer.conversestart.disabled=true; var minute="0"; var second="0"; begintime = parseInt(begintime)-1; minute = parseInt(begintime/60); second = begintime`; if(minute=="0") { document.frmtimer.thzt.innerText ="您剩余的时间为:"+second+"秒"; } else { document.frmtimer.thzt.innerText ="您剩余的时间为:"+minute+"分"+second+"秒"; } timer1 = window.setTimeout("DoConverseCallTimer()",1000); }}
function setBegintime(){ document.frmtimer.conversestart.disabled=false; begintime = document.frmtimer.thzt.value;}--></script></head><body><form name="frmtimer" action="" method="post"><hr><input type="text" name="thzt" id="thzt" onKeyup="value=value.replace(/[^/d]/g,'');setBegintime()"><br><input type="button" value="开始倒计时" name="conversestart" onClick="DoConverseCallTimer()"><input type="button" value="停止" name="stop" onClick="clearTimeout(window.timer1);"><hr></form></body></html>
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=210854
