zoukankan      html  css  js  c++  java
  • JS-倒计时效果

    团购-限时抢

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>团购——限时抢</title>
     6 <link rel="stylesheet" href="style.css"  />
     7 </head>
     8 
     9 <body>
    10 <div class="content3">
    11 <div class="time">还剩 <span id="LeftTime"></span></div>
    12 </div>
    13 <script>
    14 function FreshTime()
    15 {
    16         var endtime=new Date("2017/5/15,12:20:12");//结束时间
    17         var nowtime = new Date();//当前时间
    18         var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); 
    19         d=parseInt(lefttime/3600/24);
    20         h=parseInt((lefttime/3600)%24);
    21         m=parseInt((lefttime/60)%60);
    22         s=parseInt(lefttime%60);
    23        
    24         document.getElementById("LeftTime").innerHTML=d+""+h+"小时"+m+""+s+"";
    25         if(lefttime<=0){
    26         document.getElementById("LeftTime").innerHTML="团购已结束";
    27         clearInterval(sh);
    28         }
    29 }
    30 FreshTime()
    31 var sh;
    32 sh=setInterval(FreshTime,1000);
    33 </script>
    34 </body>
    35 </html>
  • 相关阅读:
    hibernate理解
    struts理解
    网上书城项目
    编码过程中遇到的问题
    JS回调函数
    requirejs 一个拆分js项目的类库
    jq插件开发总结
    转载-- 魔兽哈希算法封装和测试
    转载--C# PLINQ 内存列表查询优化历程
    Oracle删除死锁进程的方法
  • 原文地址:https://www.cnblogs.com/padding1015/p/6762894.html
Copyright © 2011-2022 走看看