1. 程式人生 > >【讀書筆記】Web-JavaScript-JavaScript 條件語句

【讀書筆記】Web-JavaScript-JavaScript 條件語句

一,效果圖。

二,程式碼。

複製程式碼
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript 條件語句</title> </head> <body> <p>如果時間早於20:00,會獲得問候“Good day”.</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var x = ""; var time = new Date().getHours(); if (time < 20) { x = "Goo day"; } document.getElementById("demo").innerHTML = x; } </script> <script type="text/javascript"> var d = new Date(); var time = d.getHours(); if (time < 10) { document.write("<b>早上好</b>") } else if (time >= 10 && time < 16) { document.write("<b>hello world!</b>") } else { document.write("<b>hello world!</b>") } </script> <p>這個例子演示了if.elseif..else</p> </body> </html>
複製程式碼

 

 

參考資料:《菜鳥教程》

一,效果圖。

二,程式碼。

複製程式碼
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript 條件語句</title> </head> <body> <p>如果時間早於20:00,會獲得問候“Good day”.</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var x = ""; var time = new Date().getHours(); if (time < 20) { x = "Goo day"; } document.getElementById("demo").innerHTML = x; } </script> <script type="text/javascript"> var d = new Date(); var time = d.getHours(); if (time < 10) { document.write("<b>早上好</b>") } else if (time >= 10 && time < 16) { document.write("<b>hello world!</b>") } else { document.write("<b>hello world!</b>") } </script> <p>這個例子演示了if.elseif..else</p> </body> </html>
複製程式碼

 

 

參考資料:《菜鳥教程》