利用JS判断时间段显示问候语代码
温馨提示：本文最后更新于2024年8月10日 14:03，若内容或图片失效，请在下方留言或联系博主。
通过JS给一个页面标题添加问候语 如：早上好，晚上好
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time < 24)
{
document.getElementById("title").innerHTML="晚上好！";
}
if (time < 19)
{
document.getElementById("title").innerHTML="下午好!";
}
if (time < 12)
{
document.getElementById("title").innerHTML="早上好!";
}
if (time < 5)
{
document.getElementById("title").innerHTML="夜深了 该睡觉了!";
}
</script>如果需要插入到页面的某个DIV下则需要修改一下代码
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time < 24)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="不知不觉已经是晚上了别忘了吃完饭哦";
}
}
if (time < 19)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="下午了，在忙碌中来根华子休息一下吧";
}
}
if (time < 12)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="早上好，今天又是元气满满的一天哦";
}
}
if (time < 5)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="夜深了劳逸结合明天才有力气奋斗";
}
}
</script>