<div style="width:500px; height:500px; margin:100px 0px 0px 100px">

<input id="btn" type="submit" value="確定" style="width:100px; height:35px" disabled="disabled" />

<span id="daojishi">10</span>

<div style="margin-top:20px"> ?

　　<span id="h"></span> ???

　　<span id="m"></span> ???

　　<span id="s"></span> </div>

</div>

?

?

<script type="text/javascript">

window.setTimeout("YanChi()",1000);

function YanChi()

{ ?

　　var span = document.getElementById("daojishi"); ? ?

　　//改變span里面的值 ?

　　span.innerText = span.innerText-1; ? ?

　　//判斷是否減到了0

?　　if(span.innerText == 0)

?　　{ ??

　　　　document.getElementById("btn").removeAttribute("disabled"); ??

　　　　return;

?　　} ?

?　　window.setTimeout("YanChi()",1000); ?

}

window.setInterval("Bian()",1000);

?

?

function Bian()

{ ?

　　var sj = new Date(); ? ???

　　document.getElementById("h").innerText = sj.getHours(); ?

　　document.getElementById("m").innerText = sj.getMinutes(); ?

　　document.getElementById("s").innerText = sj.getSeconds(); ?

}

</script>

轉載于:https://www.cnblogs.com/l5580/p/5909030.html

總結

以上是生活随笔為你收集整理的例子：倒计时按钮可用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。