分时问候


//核心思路
//1 需要得到系统时间
//2 用多分支设置不同的图片个问候语
//3 修改图片的src属性
//4 div来存放问候语 修改里面的内容

//1 获取页面元素
var img = document.getElementsByTagName('img');//得到图片元素对象
var div = document.getElementsByTagName('div');//得到div元素对象
//2 得到当前的小时
var date = new Date();
var h = date.getHours();
//3 执行多分支判断
if (h < 12) {
    img[0].src = 'image/s.gif';//修改元素的属性
    div[0].innerText = '上午好';//修改div里面的内容
} else if (h < 18) {
    img[0].src = 'image/x.gif';
    div[0].innerText = '下午好';
} else {
    img[0].src = 'image/w.gif';
    div[0].innerText = '晚上好';
}

 

posted @ 2021-02-24 11:16  棉花糖88  阅读(67)  评论(0编辑  收藏  举报