2021年春节倒计时代码

最新推荐文章于 2023-01-16 10:06:11 发布

散装程序猿

最新推荐文章于 2023-01-16 10:06:11 发布

阅读量5k

点赞数 1

分类专栏： JavaScript 前端文章标签： html

原文链接：https://www.52pojie.cn/thread-1348513-1-1.html

版权

JavaScript 同时被 2 个专栏收录

25 篇文章 1 订阅

订阅专栏

前端

24 篇文章 0 订阅

订阅专栏

在这里插入图片描述

效果还可以，不丑，想自己改改可以改，春节时间可以更改，年年都能用

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>春节倒计时</title>
</head>
<body>

<div>
    <h1><font color="ff0000"></font><div class="text" style=" text-align:center;"><font color="ff0000"><img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/denglong.gif" alt="网站春节倒计时代码分享" title="灯笼" alt="灯笼">春节倒计时<img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/denglong.gif" alt="网站春节倒计时代码分享" title="灯笼" alt="灯笼"></font></div></h1>
    <h3 id="title-1"><div class="text" style=" text-align:center;">2021年春节时间：2021年2月12日 星期五 农历正月初一<img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/meigui.png" alt="网站春节倒计时代码分享" title="玫瑰" alt="玫瑰"></div></h3>
    <h3 id="title-2"><div class="text" style=" text-align:center;"><img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/taiyang.png" alt="网站春节倒计时代码分享" title="太阳" alt="太阳">距离2021年春节过年还有<img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/89.png" alt="网站春节倒计时代码分享"></div></h3>
    <div><div class="text" style=" text-align:center;">
        <span id="t_d">00</span>
        <span id="t_h">00</span>
        <span id="t_m">00</span>
        <span id="t_s">00</span>
    </div>
</body>
</html>
<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>

转载自：2021年美观的春节倒计时代码

散装程序猿

关注

1
点赞
踩
27

收藏

觉得还不错? 一键收藏
2
评论
2021年春节倒计时代码

效果还可以，不丑，想自己改改可以改，春节时间可以更改，年年都能用<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>春节倒计时</title></head><body><div> <h1><font colo.
复制链接

扫一扫