zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    struts2笔记之if控制标签
    struts2标签之iterator遍历集合
    struts2获得session和request
    数据库操作语句
    weixinapp api
    struts2笔记之tree标签输出树
    struts2笔记之整合Tiles
    C++中的符号
    JSP布局相关使用
    5.Github仓库
  • 原文地址:https://www.cnblogs.com/luoguixin/p/6147756.html
Copyright © 2011-2022 走看看