日期:2014-05-16  浏览次数:20366 次

神马js都是浮云-----限时秒杀
买了本js高级程序设计,看了一个多月仍然云里雾里的,盼望着盼望着终于开了js的课,涛哥一讲神马js全都浮云了,第一天的作业小小扩展了一下变成限时秒杀,图片上不了,自己复制下来看吧,时间仓促没有写暂停功能
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. <title>倒计时-限时秒杀</title>
  5. </head>
  6. <body>
  7. <p><input type="text" id="nid" name="some_name" value="" style="font-size:100px;width:1300px"></p>
  8. </body>
  9. <script type="text/javascript" charset="utf-8">
  10. var mytime=60*60*60*24*10;
  11. var nid=document.getElementById("nid");
  12. var dd,hh,mm,ss,ms;
  13. function fun(){
  14. if(mytime>0){
  15. mytime--;
  16. }
  17. dd=Math.floor(mytime/(60*60*60*24));
  18. hh=Math.floor((mytime-(dd*60*60*60*24))/(60*60*60));
  19. hh=(hh<10)?"0"+hh:hh;
  20. mm=Math.floor((mytime-(dd*60*60*60*24)-(hh*60*60*60))/(60*60));
  21. mm=(mm<10)?"0"+mm:mm;
  22. ss=Math.floor((mytime-(dd*60*60*60*24)-(hh*60*60*60)-(mm*60*60))/60);
  23. ss=(ss<10)?"0"+ss:ss;
  24. ms=Math.floor((mytime-(dd*60*60*60*24)-(hh*60*60*60)-(mm*60*60)-(ss*60)));
  25. ms=(ms<10)?"0"+ms:ms;
  26. nid.value="限时秒杀:"+dd+"天"+hh+":"+mm+":"+ss+":"+ms;
  27. }
  28. setInterval("fun()",10);
  29. </script>
  30. </html>