1.用 js实现分时问候

分时问候,根据上午、下午和晚上,不同时间段打开页面,显示不同的问候内容,0-12点为上午,12-18点为下午,18点以后为晚上

 <script>         
 var now=new Date()
 var hours=now.getHours()
 if(hours<12){
        document.body.style.backgroundImage='url()'                                         		               
        document.write('good-morning')        
 }else if(hours>=12 && hours<18){            
        document.body.style.backgroundImage='url()'            
        document.write('good-afternoon')        
 }else{            
        document.body.style.backgroundImage='url()'            
        document.write('go to sleep')        
        }
 </script> 
好的,我可以为您编写一个简单的页面来实现您的需求。以下是HTML、CSS和JavaScript代码,用于实现您所需的页面: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>时间问候</title> <style> body { background-color: #f7f7f7; font-family: Arial, sans-serif; font-size: 36px; font-weight: bold; text-align: center; margin: 0; padding: 100px 0; } h1 { margin: 0; } p { margin: 20px 0 0; font-size: 24px; font-weight: normal; } </style> </head> <body> <h1>现在是北京时间</h1> <p id="time"></p> <p id="greeting"></p> <script> function updateTime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); if (hours < 10) { hours = '0' + hours; } if (minutes < 10) { minutes = '0' + minutes; } if (seconds < 10) { seconds = '0' + seconds; } var timeString = hours + ':' + minutes + ':' + seconds; var greetingString; if (hours < 12) { greetingString = '上午好!'; } else { greetingString = '下午好!'; } document.getElementById('time').innerHTML = timeString; document.getElementById('greeting').innerHTML = greetingString; } updateTime(); setInterval(updateTime, 1000); </script> </body> </html> ``` 这个页面包括一个标题和两个段落。第一个段落用于显示当前时间,第二个段落用于显示问候语。JavaScript代码定义了一个`updateTime`函数,该函数获取当前时间并更新显示在页面上的时间和问候语。使用`setInterval`函数每隔1000毫秒调用一次`updateTime`函数,以便在页面上实时更新时间。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值