不同时间段的背景颜色，个别节假日的文字。0519作业
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作业</title> </head> <body> <h1 id="time">现在时间:</h1> <h4 id="h4"></h4> <h4></h4> <h4></h4> <script> f(); setInterval(() => { f(); }, 1000) function word(i) { if (i == 1) { return '一'; } else if (i == 2) { return '二'; } else if (i == 3) { return '三'; } else if (i == 4) { return '四'; } else if (i == 5) { return '五'; } else if (i == 6) { return '六'; } else if (i == 7) { return '七'; } else if (i == 8) { return '八'; } else if (i == 9) { return '九'; } else if (i == 10) { return '十'; } else if (i == 11) { return '十一'; } else { return '十二'; } } function f() { let date = new Date(); let yy = date.getFullYear(); let mm = date.getMonth() 1; let dd = date.getDate(); let da = date.getDay() 1; let hh = date.getHours(); let min = date.getMinutes(); let ss = date.getSeconds(); let mon = word(mm); let week = word(da); if (week == '七') { week = '日' } document.getElementById('time').innerText = `现在时间:${yy}年${mon}月${dd.toString().padStart(2, 日，星期${week}，${hh.toString().padStart(2, '0')}:${min.toString().padStart(2, '0')}:${ss.toString().padStart(2, '0')}`; let a= (Math.random()*999999).toFixed(0).toString().padStart(6,'0'); if (yy == 2022 && mm == 6 && dd == 3) { document.getElementsByTagName('h4')[1].innerText = 今天是端午节，记得吃粽子哦 } else if (mm == 10 && dd == 1) { document.getElementsByTagName('h4')[1].innerText = 今天是国庆节，为祖国庆生！' } else if (mm == 1 && dd == 1) { document.getElementsByTagName('h4')[1].innerText = `今天是元旦，${yy - 1}年过去，${yy}年到来了` } else if (mm == 5 && dd == 1) { document.getElementsByTagName('h4')[1].innerText = 今天是劳动节，劳动人民最光荣！' } else { document.getElementsByTagName('h4')[1].innerText = 今天似乎没有节日，所以去敲代码吧！' } if (hh >= 0 && (hh <= 5 && mi <= 30)) { document.getElementsByTagName('h4')[0].innerText = 这一点还没睡，等待猝死吧 document.bgColor = 'black' document.fgColor = 'white' } else if (hh >= 5 && hh < 9) { document.getElementsByTagName('h4')[0].innerText = '早上好,很高兴见到你。 document.bgColor = '#0099cc' } else if (hh >= 9 && hh < 12) { document.getElementsByTagName('h4')[0].innerText = '上午好，今天有写代码吗？ document.bgColor = '#ffff66' } else if (hh >= 12 && hh < 14) { document.getElementsByTagName('h4')[0].innerText = 午休时间到了 } else if (hh >= 14 && hh < 18) { document.getElementsByTagName('h4')[0].innerText = 下午也要努力工作 document.bgColor = '#FFD700' } else { document.getElementsByTagName('h4')[0].innerText = '晚上了，整理整理今天的工作吧' document.bgColor = `#${a}` document.fgColor = 'white' } } </script> </body> </html>