简单的春节倒计时html代码

几行代码实现了春节倒计时html页面,比较有意思哦。

春节倒计时

2021年春节时间:2020年2月12日 星期五 农历正月初一

目前距离2021年春节过年还有

<div>
    <h1>春节倒计时</h1>
    <h3>2021年春节时间:2020年2月12日 星期五 农历正月初一</h3>
    <h3>目前距离2021年春节过年还有</h3>
    <div>
        <span id="t_d"></span>
        <span id="t_h"></span>
        <span id="t_m"></span>
        <span id="t_s"></span>
    </div>
<script type="text/javascript">
    function getRTime(){
        var EndTime= new Date('2021/02/12 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>

人已赞赏
编程技术

Html头部元素总结

2020-8-1 10:51:37

编程技术

简单的JS倒计时代码

2020-9-13 8:00:00

⚠️
恩月阁文章由星九进行编写或整理,部分内容来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若无意中侵害到您的权益,请发送邮件至 xingjiu@nuue.cn 或点击右侧 私信:星九 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索