script setInterval

setInterval() / clearInterval()
method calls a function at specified intervals
方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。

<pre> <b>setInterval()</b> setInterval() method calls a function at specified intervals (in milliseconds). 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。 setInterval(function, milliseconds, param1, param2, ...) setInterval(function, 毫秒, 參數1, 參數2, ...) <b>clearInterval(myInterval)</b> clearInterval() to stop the time 停止時間 Example: var myInterval=setInterval(........) clearInterval(myInterval) </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>

預覽 寫程式 還原 LLLLLLLLLLLLLLLLL

<pre><<c>p id="demo"><<c>/p> <<c>script> var txt="" , ii=0; if(Stop){ clearInterval(myInterval) } var Stop = setInterval(TX, 1000); function TX() { ii++ ; txt += " [RUN " + ii +"] " ; demo.innerHTML = txt ; if(ii > 19){ clearInterval(Stop) ; demo.innerHTML += " clearInterval(Stop)";} } <<c>/script> result :</pre> <span id="demo"></span> <script> var txt="" , ii=0; var Stop = setInterval(TX, 1000); function TX() { ii++ ; txt += " [RUN " + ii +"] " ; demo.innerHTML = txt ; if(ii > 19){ clearInterval(Stop) ; demo.innerHTML += " clearInterval(Stop)";} } </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>

預覽 寫程式 還原 LLLLLLLLLLLLLLLLL

<pre> <<c>p id="demo"><<c>/p> <<c>script> if(myInterval){ clearInterval(myInterval) } var myInterval = setInterval(myTimer, 1000); function myTimer() { const date = new Date(); demo.innerHTML = date.toLocaleTimeString(); } <<c>/script> result : <span id="demo"></span></pre> <script> if(myInterval){ clearInterval(myInterval) } var myInterval = setInterval(myTimer, 1000); function myTimer() { const date = new Date(); demo.innerHTML = date.toLocaleTimeString(); } </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>

預覽 寫程式 還原 LLLLLLLLLLLLLLLLL

Edit

#html #網頁格式 #script #style #div #script 延遲執行 setInterval(), #script 延遲執行 clearInterval(), #script setInterval() #script clearInterval(),