html 固定某个时间替换图片

最新推荐文章于 2024-06-21 01:45:00 发布

性野喜悲

最新推荐文章于 2024-06-21 01:45:00 发布

阅读量618

点赞数

分类专栏： html+css 文章标签： html css javascript

本文链接：https://blog.csdn.net/leng0920/article/details/103870555

版权

html+css 专栏收录该内容

113 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="HandheldFriendly" content="true"/>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <title>优秀员工</title>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="css/common.css?v=5" />
    </head>
    <body>
        <div class="container">
          <div class="itinerary-overview-content" id="itinerary-overview-img">
             
          </div>
        </div>
        <div class="to_top_btn"></div>
        <a class="retun-home" href="index.html"></a>
    </body>
    <script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
           
            // 获取当前时间的时间戳
            var timestamp =  Date.parse(new Date());
            // 目标时间的时间戳
            var target_time = Date.parse("2021-12-10 00:00:00");
            // 到目标时间自动切换图片
            if(timestamp <= target_time){
                $('#itinerary-overview-img').html('<img class="content-img" src="https://eventimg.oss-cn-shenzhen.aliyuncs.com/annual_meeting/am_hotel_introduction_img.png" width="100%">')
            }else{
                $('#itinerary-overview-img').html('<img class="content-img" src="https://eventimg.oss-cn-shenzhen.aliyuncs.com/annual_meeting/am_excellent_staff_img.png" width="100%">')
            }
        })
        
    </script>
</html>

性野喜悲

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 固定某个时间替换图片

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="HandheldFriendly" content="true"/> <meta http-equiv="X-UA-Compatible" cont...
复制链接

扫一扫