根据时间更换图片和文字

最新推荐文章于 2021-10-02 21:30:16 发布

小小白号

最新推荐文章于 2021-10-02 21:30:16 发布

阅读量335

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/WiseGirls/article/details/108925573

版权

JavaScript DOM操作时间判断图片替换动态内容

关键词由CSDN通过智能技术生成

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

根据时间更换图片和文字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <img src="" id="img">
    <p id="p"></p>
    <script>
        var time=new Date().getHours(); 
        // document.write(time);
        if(time>=0 && time <=12){
            f1("images/moring.jpg","早上好，要好好打代码哦~");
        }else if(time<=18 && time >12){
            f1("images/xia.gif","下午好，要好好打代码哦~");
        }else if(time>18 && time <=24){
            f1("images/night.jpg","晚上好，要好好打代码哦~");
        }
        function f1(img,p){
            document.getElementById("img").src=img;
            document.getElementById("p").innerHTML=p;
        }
    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小小白号

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
根据时间更换图片和文字

根据时间更换图片和文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> &
复制链接

扫一扫