免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [已回答] 求高人帮忙做个2014年春节倒计时,谢谢 [打印本頁]

作者: lcf2008    時間: 2013-10-18 21:07     標題: 求高人帮忙做个2014年春节倒计时,谢谢

求高人帮忙做个2014年春节倒计时,谢谢
作者: pigeon    時間: 2013-10-19 07:25

陪你等高手。
作者: 无界    時間: 2013-10-20 16:22

本帖最後由 无界 於 2013-10-20 18:44 編輯
  1. <script src="http://rainmeter.look.in/js/cj.js" type="text/javascript"></script>
  2. <script>
  3.   function lxfEndtime(){
  4.           $(".lxftime").each(function(){
  5.                 var lxfday=$(this).attr("lxfday");
  6.                 var endtime = new Date($(this).attr("endtime")).getTime();
  7.                 var nowtime = new Date().getTime();
  8.                 var youtime = endtime-nowtime;
  9.                 var seconds = youtime/1000;
  10.                 var minutes = Math.floor(seconds/60);
  11.                 var hours = Math.floor(minutes/60);
  12.                 var days = Math.floor(hours/24);
  13.                 var CDay= days ;
  14.                 var CHour= hours % 24;
  15.                 var CMinute= minutes % 60;
  16.                 var CSecond= Math.floor(seconds%60);
  17.                 if(endtime<=nowtime){
  18.                         $(this).html("新春快乐!")
  19.                         }else{
  20.                                 if($(this).attr("lxfday")=="no"){
  21.                                         $(this).html("<i>剩余时间:</i><span>"+CHour+"</span>时<span>"+CMinute+"</span>分<span>"+CSecond+"</span>秒");
  22.                                         }else{
  23.                         $(this).html("<i>剩余时间:</i><span>"+days+"</span><em>天</em><span>"+CHour+"</span><em>时</em><span>"+CMinute+"</span><em>分</em><span>"+CSecond+"</span><em>秒</em>");
  24.                                 }
  25.                         }
  26.           });
  27.    setTimeout("lxfEndtime()",1000);
  28.   };
  29. $(function(){
  30.       lxfEndtime();
  31.    });
  32. </script>

  33. <style type="text/css">
  34. <!--
  35. *{
  36.         font-style: normal;
  37.         font-weight: normal;}
  38. .haveday {
  39.         padding: 20px;
  40.         border: 1px dashed #000;
  41.         margin-right: auto;
  42.         margin-left: auto;
  43.         width: 300px;
  44. }
  45. -->
  46. </style>

  47. <body>
  48. <div class="haveday">
  49. <h1>距2014年春节还有</h1>
  50. <div class="lxftime" endtime="1/31/2014 00:00:00"></div>
  51. </div>
  52. </body>
複製代碼

作者: lcf2008    時間: 2013-10-21 11:55

回復 3# 无界


    谢谢
作者: 4rphotoclub    時間: 2013-10-25 11:04

那麼可以改變字體的顏色嗎?
作者: lcf2008    時間: 2013-11-4 20:37

这个代码有问题。。。。还有没有别的代码 能不能换个什么颜色什么的!
作者: 无界    時間: 2013-11-6 12:20

回復 6# lcf2008


    什么问题?再给你一个。
  1. <script language="JavaScript">
  2. var endtime= new Date("1/31/2014");
  3. var  s="温馨提示您:离2014年春节";
  4. var now = new Date();
  5. var ile = endtime.getTime() - now.getTime();
  6. var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
  7. if (dni > 1)
  8.    document.write(""+s+"还有"+dni +"天")
  9. else if (dni == 1)
  10.      document.write(""+s+"只有2天啦!")
  11. else if (dni == 0)
  12.      document.write("温馨提示您:明天就是2014年春节啦!")
  13. else
  14.     document.write("祝全体站长新年快乐!");
  15. </script>
複製代碼

作者: ltdj    時間: 2014-7-6 03:15

具体放到论坛如何设置




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/) Powered by Discuz! 7.2