js实现实时问候,不同时间显示不同问候语
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>javascript实例</title> </head> <body> <h3>javascript实例之实现实时问候</h3> <div id="hid" style="height:30px;width:300px;background:#f60;font-size:19px;text-align:center;line-height:30px" > </div> <script type="text/javascript"> //创建一个日期对象 var dd= new Date(); var st =document.getElementById("hid"); var hour =dd.getHours();//获取当前时 //alert(hour); if(hour>0 && hour<=6){ st.innerHTML="还没休息啊,夜猫子,该休息了"; }else if(hour>6 && hour<=9){ st.innerHTML="上午好"; }else if(hour>9 && hour<=12){ st.innerHTML="早上好"; }else if(hour>12 && hour<=15){ st.innerHTML="中午好"; }else if(hour>15 && hour<=18){ st.innerHTML="下午好"; }else if(hour>18 && hour<=21){ st.innerHTML="傍晚好"; }else if(hour>21 && hour<=24){ st.innerHTML="晚上好"; } </script> </body> </html>
本文出自 “梦之翼” 博客,转载请与作者联系!
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。