10247D 2022-01-20 17:53 采纳率: 50%
浏览 69
已结题

2022春节倒计时代码html

Who can给一个html代码参考?
编程需要用到(2022 春节)

  • 写回答

1条回答 默认 最新

  • 前端互助会 2022-01-20 18:07
    关注

    img

    
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h1>2022年春节还剩<span id="id1"></span>天<span id="id2"></span>小时<span id="id3"></span>分<span id="id4"></span>秒</h1>
    </body>
    
    <script type="text/javascript">
        var d = document.getElementById("id1");
        var h = document.getElementById("id2");
        var m = document.getElementById("id3");
        var s = document.getElementById("id4");
        
        var endTime = new Date("2022/02/01");
        setInterval(function(){
            var nowTime = new Date();
            // console.log(nowTime);
            // console.log(nowTime.getTime())
            var diff = endTime.getTime() - nowTime.getTime();
            // console.log(diff);
            diff = parseInt(diff/1000);
            var days = toTwo(parseInt(diff/(24*3600)));//剩余天数
            var hours = toTwo(parseInt(diff % (24*3600) / 3600));
            var minutes = toTwo(parseInt(diff % 3600 / 60));
            var seconds = toTwo(diff % 60);
            
            d.innerHTML = days;
            h.innerHTML = hours;
            m.innerHTML = minutes;
            s.innerHTML = seconds;
        }, 1000)
        function toTwo(v){
            return v < 10 ? '0'+v:v;
        }
    </script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 1月20日
  • 已采纳回答 1月20日
  • 创建了问题 1月20日

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)