怎样实现倒计时开始/暂停/结束功能

JANE_2014 2012-09-27 08:29:41

一共设置三个button（开始，暂停，结束），一共两个类，类1实现界面及显示，类2实现倒计时功能，点击“开始”开始计时，但是怎样可以实现当点击暂停及结束是暂停计时以及结束计时？？？？？

...全文

976 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

花谢尊前不敢香 2012-09-27

打赏
举报

<!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=gb2312" /><title>倒计时测试</title>

</head>

<body> 

	<INPUT id=cz type=hidden value=1> <INPUT class=inp id=h readOnly size=4 value=0 name=h>时 <INPUT class=inp id=m readOnly size=4 value=1 name=m>分 <INPUT class=inp id=s readOnly size=4 value=0 name=s>秒<br/>

<script language="javascript" type="text/javascript">	

	var cz=document.getElementById("cz");	

	function show_date_time(){		var h=document.getElementById("h");		

		var m=document.getElementById("m");		

		var s=document.getElementById("s");		

		if(cz.value==1){			window.setTimeout("show_date_time()",1000);		}

		else{			return;		}		s.value=s.value-1;		

			if(s.value<=0){			

				if(m.value>=1){				m.value=m.value-1;				s.value=59;			}

				else{				s.value=0;			}					}		i

				f(m.value<=0){			if(h.value>=1){				h.value=h.value-1;				m.value=59;			}

					else{				m.value=0;			}		}		

					if(h.value<=0){			h.value=0;		}		

					if(h.value<=0&&m.value<=0&&s.value<=0){			alert('结束了');			

						return;		}	}	show_date_time();		

						function stop_time(){	var mi=document.getElementById("mi");	

							if(cz.value==1){		cz.value=0;		mi.value="继续"	}

							else{		cz.value=1;		mi.value="暂停";		show_date_time()	} }

							</script>

							<input type="button" id="mi" value="暂停" onclick="stop_time()" />

							</body>

							</html>

iaiti 2012-09-27

打赏
举报

3线程

keithcai 2012-09-27

打赏
举报



Timer timer;

private TimerTask timerTask=new TimerTask（）{

    run（）{

        count--;

}

} 

{//开始按钮

timer=new Timer(timerTask,1000,1000);//创建计时器，1000毫秒计一次

}

{//结束按钮

timer.cancel();

}