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

script for while

JavaScript Loop For / while / do...while
迴圈語法。

<pre><b>JavaScript For Loop</b> for (初始表達式 ; 條件式 ; 遞增表達式 ) { 陳述式 代碼塊 } Example : for (var i = 0; i < 5; i++) { text += i } // 01234 </pre> <script> function Fif(x) { var Select = "??" ; if(x==10){ Select = "ten"} if(x==30){ Select = "thirty"} if(x==60){ Select = "sixty"} if(x==90){ Select = "ninety"} txt.innerHTML =Select ; } </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

<pre><b>JavaScript do...while Loop</b> do { code block to be executed 陳述式 代碼塊 } while (condition 條件式); Example : <<c>script> var text = ""; var i = 0; do { text += i + " "; i++;} while (i < 5); document.write( text ) <<c>/script> <script> var text = ""; var i = 0; do { text += i + " "; i++;} while (i < 5); document.write( text ) </script> </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

<pre><b>JavaScript while Loop</b> while ( 條件式 ) { 陳述式 代碼塊 遞增表達式} Example : <<c>script> var text = ""; var i = 0; while (i < 5) { text += i + " "; i++;} document.write( text ) <<c>/script></pre> <script> var text = ""; var i = 0; while (i < 5) { text += i + " "; i++;} document.write( text ) </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 for #script while #script else #script Loop

if else while

JavaScript Math Object
是一個擁有數學常數及數學函數。

<pre><b>JavaScript if, else, and else if</b> if (condition 狀況) { block of code to be executed if the condition is true 條件為真時執行的代碼塊 } else if (condition2 狀況) { block of code to be executed if the condition1 is false and condition2 is true 條件 1 為假且條件 2 為真時執行的代碼塊 } else { block of code to be executed if the condition is false 條件為假時執行的代碼塊 } 比較運算子： 等於： == 不等於：!== 大於： > 小於：< 大於等於： >= 小於等於：<= 連接兩個以上的條件都是true && 連接兩個其中一個條件成true || </pre> <script> function Fif(x) { var Select = "??" ; if(x==10){ Select = "ten"} if(x==30){ Select = "thirty"} if(x==60){ Select = "sixty"} if(x==90){ Select = "ninety"} txt.innerHTML =Select ; } </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

<pre><b>script if 條件敘述</b> <<c>input onclick="Fif(this.value)" type="button" value="10" /> <<c>input onclick="Fif(this.value)" type="button" value="30" /> <<c>input onclick="Fif(this.value)" type="button" value="60" /> <<c>input onclick="Fif(this.value)" type="button" value="90" /> <<c>input onclick="Fif(this.value)" type="button" value=" " /> <<c>span id="txt">??<<c>/span> <<c>script> var Select = "??" ; if(x==10){ Select = "ten"} if(x==30){ Select = "thirty"} if(x==60){ Select = "sixty"} if(x==90){ Select = "ninety"} txt.innerHTML =Select ; } <<c>/script> <input onclick="Fif(this.value)" type="button" value="10" /> <input onclick="Fif(this.value)" type="button" value="30" /> <input onclick="Fif(this.value)" type="button" value="60" /> <input onclick="Fif(this.value)" type="button" value="90" /> <input onclick="Fif(this.value)" type="button" value=" " /> <span id="txt">??</span> </pre> <script> function Fif(x) { var Select = "??" ; if(x==10){ Select = "ten"} if(x==30){ Select = "thirty"} if(x==60){ Select = "sixty"} if(x==90){ Select = "ninety"} txt.innerHTML =Select ; } </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

<pre><b>script if 條件敘述</b> <<c>input onclick="Fif(this.value)" type="button" value="10" /> <<c>input onclick="Fif(this.value)" type="button" value="30" /> <<c>input onclick="Fif(this.value)" type="button" value="60" /> <<c>input onclick="Fif(this.value)" type="button" value="90" /> <<c>input onclick="Fif(this.value)" type="button" value=" " /> <<c>span id="txt">??<<c>/span> <<c>script> function Fif(x) { var Select = (x==10)?"is 10" : (x==30)?"is 30" : (x==60)?"is 60": (x>10)?"is 90": "??"; txt.innerHTML = Select ; } <<c>/script> <input onclick="Fif(this.value)" type="button" value="10" /> <input onclick="Fif(this.value)" type="button" value="30" /> <input onclick="Fif(this.value)" type="button" value="60" /> <input onclick="Fif(this.value)" type="button" value="90" /> <input onclick="Fif(this.value)" type="button" value=" " /> <span id="txt">??</span> </pre> <script> function Fif(x) { var Select = (x==10)?"is 10" : (x==30)?"is 30" : (x==60)?"is 60" : (x>10)?"is 90":"??"; txt.innerHTML =Select ; } </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

<pre><b>script if 條件敘述</b> 請選擇 30 Please select 30 <<c>input onclick="Fif(this.value)" type="button" value="10" /> <<c>input onclick="Fif(this.value)" type="button" value="30" /> <<c>input onclick="Fif(this.value)" type="button" value="60" /> <<c>input onclick="Fif(this.value)" type="button" value="90" /> <<c>input onclick="Fif(this.value)" type="button" value=" " /> <<c>span id="txt">??<<c>/span> <<c>script> function Fif(x) { if (x==30){txt.innerHTML= '選擇正確choose correctly';return } else if( x < 30) {txt.innerHTML='選擇小於/ hoose less than 30'} else {txt.innerHTML='選擇大於/ elect greater than 30' } } <<c>/script> 請選擇 30 Please select 30 <input onclick="Fif(this.value)" type="button" value=1 /> <input onclick="Fif(this.value)" type="button" value=20 /> <input onclick="Fif(this.value)" type="button" value=30 /> <input onclick="Fif(this.value)" type="button" value=60 /> <input onclick="Fif(this.value)" type="button" value=90 /> <span id="txt">??</span> </pre> <script> function Fif(x) { if (x==30){txt.innerHTML= '選擇正確choose correctly';return } else if( x < 30) {txt.innerHTML='選擇小於 / Choose less than 30' } else {txt.innerHTML='選擇大於 / Select greater than 30' } } </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 條件真假 if else #script if else #運算子