标签:lse query 并且 class ack round 根据 new sele
<img src="images/s.gif" alt=""> <div>上午好</div> <script> // 根据系统不同时间来判断,所以需要用到日期内置对象 // 利用多分支语句来设置不同的图片 // 需要一个图片,并且根据时间修改图片,就需要用到操作元素src属性 // 需要一个div元素,显示不同问候语,修改元素内容即可 // 1. 获取元素 var img = document.querySelector(‘img‘); var div = document.querySelector(‘div‘); // 2. 得到当前的小时数 var date = new Date(); var h = date.getHours(); // 3. 判断小时数改变图片和文字信息 if (h < 12) { img.src = ‘images/s.gif‘; div.innerHTML = ‘亲,上午好‘; } else if (h < 18) { img.src = ‘images/x.gif‘; div.innerHTML = ‘亲,下午好‘; } else { img.src = ‘images/w.gif‘; div.innerHTML = ‘亲,晚上好‘; } </script>
案例:根据系统不同时间来判断是上午、下午和晚上,并展示不同的图片
标签:lse query 并且 class ack round 根据 new sele
原文地址:https://www.cnblogs.com/zcy9838/p/12933952.html