當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript——分时问候
生活随笔
收集整理的這篇文章主要介紹了
JavaScript——分时问候
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
源代碼?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>分時問候</title> <script type="text/javascript"> function ShowTime(){var strgreet = "";var datetime = new Date(); //獲取當前時間var hour = datetime.getHours(); //獲取小時var minu = datetime.getMinutes(); //獲取分鐘var seco = datetime.getSeconds(); //獲取秒鐘strtime =hour+":"+minu+":"+seco+" "; //組合當前時間if(hour >= 0 && hour < 8){ //判斷是否為早上strgreet ="早上好";}if(hour >= 8 && hour < 11){ //判斷是否為上午strgreet ="上午好";}if(hour >= 11 && hour < 13){ //判斷是否為中午strgreet = "中午好";}if(hour >= 13 && hour < 17){ //判斷是否為下午strgreet ="下午好";}if(hour >= 17 && hour < 24){ //判斷是否為晚上strgreet ="晚上好";}window.setTimeout("ShowTime()",1000); //每隔1秒重新獲取一次時間document.getElementById("time").innerHTML="現在是：<b>"+strtime+"</b>";document.getElementById("greet").innerText="<b>"+strgreet+"</b>"; } window.onload=ShowTime; //在頁面載入后調用ShowTime()函數 </script> </head> <body> <div id="time">顯示當前時間</div> <div id="greet">顯示問候語</div></body> </html>運行效果
總結
以上是生活随笔為你收集整理的JavaScript——分时问候的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JetBrains——账户登录错误（Je
- 下一篇： gradle idea java ssm