js分时问候案例

分时问候案例

 <div>上午好！</div>
    <script>
        //获取事件
        var div = document.querySelector('div');
        //绑定事件，执行程序
        //判断时间，先获取当前时间
        var time = new Date();
        var h = time.getHours();
        //用小时来判断上下午晚上
        if (h < 12) {
            //修改div内容
            div.innerHTML = '上午好！';
        } else if (h < 18) {
            div.innerHTML = '下午好！';
        } else {
            div.innerHTML = '晚上好！';
        }
    </script>