• js实现倒计时效果


    <!DOCTYPE html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>倒计时效果</title>
    <link rel="stylesheet" href="css/demo.css" />
    </head>

    <body>
    <div class="content3">
    <div class="time">距离春节时间还有<span id="LeftTime"></span></div>
    </div>
    <script>
    function FreshTime()
    {
    var endtime=new Date("2017/1/28,0:0:0");//结束时间
    var nowtime = new Date();//当前时间
    var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000);
    var d=parseInt(lefttime/3600/24);
    var h=parseInt((lefttime/3600)%24);
    var hh=checkTime(h)
    var m=parseInt((lefttime/60)%60);
    var mm=checkTime(m)
    var s=parseInt(lefttime%60);
    var ss=checkTime(s)
    document.getElementById("LeftTime").innerHTML=d+"天"+hh+"小时"+mm+"分"+ss+"秒";
    function checkTime(i){
    if (i<10){
    i="0" + i;
    }
    return i;
    }
    if(lefttime<=0){
    document.getElementById("LeftTime").innerHTML="团购已结束";
    clearInterval(sh);
    }
    }
    FreshTime();

    var sh=setInterval(FreshTime,1000);
    </script>
    </body>
    </html>

  • 相关阅读:
    页面优化
    php安全开发(1)文件包含漏洞
    换工作之后需要兼容ie8的我
    vue
    最近在写h5的页面,发现有一款框架还不错给大家推荐一下
    一个控制器两个轮播
    箭头的制作
    layui
    h5视频播放
    两侧跟随广告
  • 原文地址:https://www.cnblogs.com/luoguixin/p/6147756.html
Copyright © 2020-2023  润新知