美文网首页
根据系统时间更换问候语和图片

根据系统时间更换问候语和图片

作者: 键盘已附魔 | 来源:发表于2021-12-19 13:48 被阅读0次

根据系统时间更换问候语和图片

<body>
    <p></p>
    <img src="img/peiqi.jpg" alt="">

    <script>
        //获取元素
        var p = document.querySelector('p');
        var img = document.querySelector('img');
        //获得当前小时数
        var date = new Date();
        var h = date.getHours();
        // console.log('h');
        //判断小时数
        if (h < 12) {
            img.src = 'img/peiqi.jpg';
            p.innerHTML = '佩奇问你早上好'
        } else if (h < 18) {
            img.src = 'img/qiaozhi.jpg';
            p.innerHTML = '乔治问你下午好'
        } else {
            img.src = 'img/yijia.jpeg'
            p.innerHTML = '佩奇一家问你晚上好'
        }
    </script>

相关文章

网友评论

      本文标题:根据系统时间更换问候语和图片

      本文链接:https://www.haomeiwen.com/subject/ogcofrtx.html