<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>倒計時玩玩</title>
<link?rel="stylesheet"?href="css/TimeOut.css"?/>
</head>
<body>
<div>
<!--
?????????????????Div1
??????????????-->
????????????<div?id="div1">
???????????? 10
????????????</div>
????????????<!--
???????????? ?Div2
??????????????-->
????????????<div?id="div2">
???????????? <input?type="button"?id="userDefined"?class="button"?value="設置時間"?onclick="showUser()"/>
???????????? <input?type="button"?id="default"?class="button"?value="默認時間"?onclick="showDefault()"/>
????????????</div>
</div>
<script?type="text/javascript">
var?aButton?=?document.getElementsByClassName("button");
var?odiv?=?document.getElementById("div1");
var?dtext?=?parseInt(odiv.innerHTML);
//按鈕點擊效果
function?showUser(){
aButton[0].style.boxShadow?=?"none";
aButton[1].style.boxShadow?=?"3px?3px?3px?black";
var?dialog?=?prompt("請設置時間:");
var?uNum?=?parseInt(dialog);
uNum--;
var?uText?=?uNum?+?"";
odiv.innerHTML?=?uText;
if(uNum?==?0){
alert("倒計時完成");
uNum?=?0;
}else{
uNum?=?10;
}
}
????
function?showDefault(){
aButton[1].style.boxShadow?=?"none";
aButton[0].style.boxShadow?=?"3px?3px?3px?black";
var?num?=?parseInt(odiv.innerHTML);
num--;
var?uText?=?num?+?"";
odiv.innerHTML?=?uText;
if(num?==?0){
num?=?0;
alert("完成倒計時");
clearInterval(j);
window.open("TimeOut.html","_self");
}
}
var?j?=?setInterval("showDefault()",1000);
</script>
</body>
</html>@charset?"utf-8";
#div1{
???width:?270px;
???height:?270px;
???padding:?15px;
???color:?white;
???font-weight:?bolder;
???font-size:?128px;
???background:?deeppink;
???text-align:?center;
???line-height:?270px;
?????}
#div2{
???width:300px;
???height:?60px;
???text-align:?center;
???line-height:?60px;
???margin:?0px;
???background:?#DCDCDC;
?????}
.button{
???width:?100px;
???height:?30px;
???border:?none;
???display:?inline-block;
???box-shadow:?3px?3px?3px?#000000;
???background:?darkorange;
}
.button:hover{background:?crimson;color:?white;}哪個大哥能幫忙改下代碼啊,計時器為什么會自動執(zhí)行呢?
JS計時器自動執(zhí)行,求改代碼
Java_FreeTime
2017-09-08 18:37:17
