<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>倒計時<span?style="color:red;font-size:50px;"?id="time"></span></div>
????<button?id="star">點擊開始</button>
<button?id="stop">點擊停止</button>
<script>
window.onload=function(){
op();
????????????????????????var?st?=?setInterval(op,500);
????????????????????????var?stop?=document.getElementById('stop');
????????????????????????var?star?=document.getElementById('star');
???????stop.onclick=stp;
???????star.onclick=sta;
???????function?sta(){
????????setInterval(op,500);
???????}
???????function?stp(){
?????????clearInterval(st);
????????}
??????}
function?op(){
var?time?=?document.getElementById('time');
var?now?=?new?Date();
var?end?=?new?Date('2018/05/20,5:20');
var?s?=parseInt((end.getTime()?-?now.getTime())/1000);?//總共秒數
var?ss?=parseInt(s%60);
var?m?=parseInt(s/60%60);
var?h?=parseInt(s/(60*60)%24);
var?d?=parseInt(s/(24*60*60));
???ss?=?check(ss);
???m=check(m);
time.innerHTML=d+"天"+h+"小時"+m+'分'+ss+'秒';
if(s<=0){
time.innerHTML='時間結束啦，沒有啦0.0！'
}
??????????????}
???????function?check(i){
if(i<10){
i='0'+i;
}
return?i;
}
</script>
</body>
</html>
我的代碼 點擊一次停止后再點開始然后在點擊停止無法停止
Embrace01
2016-11-28 04:25:18
