前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >春节倒计时

春节倒计时

作者头像
Qicloud
发布2022-01-28 14:56:36
7630
发布2022-01-28 14:56:36
举报
文章被收录于专栏:七云博客七云博客

handsome今天更新到6.0 逛博友博客的时候看到春节倒计时 他竟然没贴代码 妥妥看上了就扒走ctrl+u走起

废话不多说贴代码 handsome开发者设置首页列表最前方广告位怼进去

代码语言:javascript
复制
    <!--倒计时开始-->
    <div class="gn_box">
    <h1><font color=#E80017>2</font><font color=#D1002E>0</font><font color=#BA0045>2</font><font color=#A3005C>0</font><font
    color=#8C0073>年</font><font color=#75008A>-</font><font color=#5E00A1>新</font><font
    color=#4700B8>年</font><font color=#3000CF>倒</font><font color=#1900E6>计</font><font color=#0200FD>时</font>
    </h1>
    <center>
    <div id="CountMsg" class="HotDate">
    <span id="t_d">157 天</span>
    <span id="t_h">9 时</span>
    <span id="t_m">7 分</span>
    <span id="t_s">42 秒</span>
    </div>
    </center>
    <script type="text/javascript"> function getRTime() {
    var EndTime = new Date('2020/01/25 00:00:00');
    var NowTime = new Date();
    var t = EndTime.getTime() - NowTime.getTime();
    var d = Math.floor(t / 1000 / 60 / 60 / 24);
    var h = Math.floor(t / 1000 / 60 / 60 % 24);
    var m = Math.floor(t / 1000 / 60 % 60);
    var s = Math.floor(t / 1000 % 60);
    document.getElementById("t_d").innerHTML = d + " 天";
    document.getElementById("t_h").innerHTML = h + " 时";
    document.getElementById("t_m").innerHTML = m + " 分";
    document.getElementById("t_s").innerHTML = s + " 秒";
    }
    setInterval(getRTime, 1000);
    </script>
    </div>
    <!--倒计时结束-->

handsome开发者设置自定义css怼进去 css贴下面

代码语言:javascript
复制
    /* 倒计时开始 */
    .gn_box {
    padding: 10px 14px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #fff;
    }
    #t_d{
    color: #982585;
    font-size: 18px;
    }
    #t_h{
    color: #8f79c1;
    font-size: 18px;
    }
    #t_m{
    color: #65b4b5;
    font-size: 18px;
    }
    #t_s{
    color: #83caa3;
    font-size: 18px;
    }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-12-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档