<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>12345</div>
<img src="#">
<script>
var img=document.querySelector('img');
var div=document.querySelector('div');
var date=new Date();
var h=date.getHours();
console.log(h);
if(h<12)
{
div.innerHTML="早上好,请好好写代码";
img.src='image/morning.gif';
}else if(h<16) {
div.innerHTML = '下午好,请好好写代码';
img.src = 'image/evening.gif';
}
else if(h<24)
{
div.innerHTML='晚上好,请好好写代码';
img.src='image/afternoon.gif';
}
</script>
</body>
</html>
根据时间显示不同图片
最新推荐文章于 2023-04-24 20:54:03 发布