用JavaScript实现新年倒计时

秒速五厘米 2022-07-11 13:07 177阅读 0赞

<!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>新年倒计时</title>
    <link rel="stylesheet" href="style.css"  />
    </head>
    
    <body>
    <div class="time">距离新的一年还有 <span id="LeftTime"></span></div>
    <script>
    function FreshTime()
    {
            var endtime=new Date("2017/1/28,00:00:00");//结束时间
            var nowtime = new Date();//当前时间
           var lefttime=  parseInt((endtime.getTime()-nowtime.getTime())/1000)  ; 
            d=  parseInt(lefttime/(24*60*60))  ;
            h=  parseInt(lefttime/(60*60)%24)  ;
            m=  parseInt(lefttime/60%60)  ;
            s=  parseInt(lefttime%60)  ;
           
            document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒";
            if(lefttime<=0){
            document.getElementById("LeftTime").innerHTML="新年快乐";
            clearInterval(sh);
            }
    }
       FreshTime()
       var sh;
       sh= setInterval(FreshTime,1000)  ;
    </script>
    </body>
    </html>

css部分代码：

@charset "UTF-8";
    /* CSS Document */
    div{
      margin:0;
      padding:0;
      border:0;
    }
    
    
    .time{
      width:400px;
      height:30px;
      margin:30px auto;
      font-size:14px;
    }
    #LeftTime
    {
        color:red;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，177人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript实现高考倒计时

<script type="text/javascript"> var date1=new Date("2023,6,7"); var da

迈不过友情╰/ 2024年03月22日 16:43/ 0 赞/ 39 阅读

相关 JavaScript网页--跨年倒计时

JavaScript网页–跨年倒计时最近学弟在追一个学妹，我在帮学弟出谋划策。学妹告诉学弟，我怕我们之间是因为这段时间接触多了你才喜欢我的。等跨年的时候，如果你还喜

心已赠人/ 2022年12月25日 11:53/ 0 赞/ 161 阅读

相关 [JavaScript]js实现倒计时

<body> <time></time> <script> function isDate() {

逃离我推掉我的手/ 2022年11月29日 00:59/ 0 赞/ 269 阅读

相关 JavaScript 实现倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

超、凢脫俗/ 2022年11月27日 12:13/ 0 赞/ 252 阅读

相关用javascript实现倒计时效果

用Javascript实现倒计时效果，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在某些商城网站中，我们常常可以看见其网

た入场券/ 2022年10月29日 07:51/ 0 赞/ 203 阅读

相关 JavaScript 倒计时

<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf8"

淩亂°似流年/ 2022年07月11日 13:28/ 0 赞/ 218 阅读

相关用JavaScript实现新年倒计时

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="t

秒速五厘米/ 2022年07月11日 13:07/ 0 赞/ 178 阅读

相关 Javascript实现秒表倒计时

![这里写图片描述][SouthEast] -------------------- <html> <body> <span id="cl

红太狼/ 2022年06月12日 08:59/ 0 赞/ 249 阅读

相关 Javascript实现时间倒计时

这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset="

蔚落/ 2022年06月12日 03:55/ 0 赞/ 335 阅读

相关 javascript倒计时

<script type="text/javascript"> clock();//一开始来去初始化倒计时 setI

阳光穿透心脏的1/2处/ 2022年01月26日 15:01/ 0 赞/ 328 阅读