當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JavaScript——分时问候
生活随笔
收集整理的這篇文章主要介紹了
JavaScript——分时问候
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
源代碼?
<!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>分時(shí)問(wèn)候</title> <script type="text/javascript"> function ShowTime(){var strgreet = "";var datetime = new Date(); //獲取當(dāng)前時(shí)間var hour = datetime.getHours(); //獲取小時(shí)var minu = datetime.getMinutes(); //獲取分鐘var seco = datetime.getSeconds(); //獲取秒鐘strtime =hour+":"+minu+":"+seco+" "; //組合當(dāng)前時(shí)間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秒重新獲取一次時(shí)間document.getElementById("time").innerHTML="現(xiàn)在是:<b>"+strtime+"</b>";document.getElementById("greet").innerText="<b>"+strgreet+"</b>"; } window.onload=ShowTime; //在頁(yè)面載入后調(diào)用ShowTime()函數(shù) </script> </head> <body> <div id="time">顯示當(dāng)前時(shí)間</div> <div id="greet">顯示問(wèn)候語(yǔ)</div></body> </html>運(yùn)行效果
總結(jié)
以上是生活随笔為你收集整理的JavaScript——分时问候的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: JetBrains——账户登录错误(Je
- 下一篇: 设计模式(Design Pattern)