script setTimeout

setTimeout() 指定延遲時間執行一段程式

<pre><b>setTimeout() 指定延遲時間執行一段程式</b> setTimeout (要執行的代碼, 等待的毫秒數) or setTimeout (JavaScript 函數, 等待的毫秒數) 指定一段程式碼或函式在多少毫秒(ms)後執行，並回傳此定時器的編號。 <b>clearTimeout() 清除定時器</b> 可以通過將定時時產生的 ID 標識傳遞給 。 延遲時間執行 var <r>meter</r> = setTimeout( function , 1000)。 清除定時器 clearTimeout(<r>meter</r> )。 </pre> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } b{font-size:30px;color:blue;} r{font-size:20px;color:red;} </style>

00

<input onclick="Fstart()" id="fstart" type="button" value="開始" /> <input onclick="Fstop()" type="button" value="停止" /> <input onclick="FReset()" id="fReset" type="button" value="重啟" /> <br /> <br /> <div id="time" style="font-size: 30px;">0</div> <script type="text/javascript"> var x = 0; var clearid function Fstart() { fstart.disabled = true; fReset.disabled = true; x ++; time.innerHTML = x; clearid = setTimeout ( Fstart, 1000 ); } function Fstop(){ fstart.disabled = false; fReset.disabled = false; clearTimeout(clearid); } function FReset(){ x = 0; time.innerHTML = x; } </script> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } b{font-size:30px;color:blue;} r{font-size:20px;color:red;} </style>

00

Edit

#html #網頁格式 #script #style #div #script 延遲執行 setTimeou #script setTimeou #script clearTimeout