技术文章
您当前的位置:网站首页 -> 网站新闻 -> 技术文章

想用标签做个 优惠促销倒计时代码

发布时间:2013-05-24 16:47:01  点击:0 次

        如:倒计时代码如下,10000000是标签调出来的时间,可用变量代替,再转换成秒单位。问题是只能调用一条数据。调多几条的,只有第一条是显示时间倒计的,其它的直接显示秒不显示倒计时。
       请问怎样才能做个可以显示多条的倒计时呢?
         <span id="endtime">10000000</span>  可用变量{$i},改成   <span id="endtime{$i}">10000000</span>  ,这样的,js代码又该怎么改动呢? 如改成  var CID = "endtime{$i}";   这样试过不行。。
  1. 剩余时间:<span id="endtime">10000000</span>
  2.  
  3.  
  4. <SCRIPT LANGUAGE="java script">
  5. //-->
  6. var CID = "endtime";
  7. if(window.CID != null)
  8. {
  9.     var iTime = document.getElementById(CID).innerText;
  10.     var Account;
  11.     RemainTime();
  12. }
  13. function RemainTime()
  14. {
  15.     var iDay,iHour,iMinute,iSecond;
  16.     var sDay="",sHour="",sMinute="",sSecond="",sTime="";
  17.     if (iTime >= 0)
  18.     {
  19.         iDay = parseInt(iTime/24/3600);
  20.         if (iDay > 0)
  21.         {
  22.             sDay = iDay + "天";
  23.         }
  24.         iHour = parseInt((iTime/3600)%24);
  25.         if (iHour > 0){
  26.             sHour = iHour + "小时";
  27.         }
  28.         iMinute = parseInt((iTime/60)%60);
  29.         if (iMinute > 0){
  30.             sMinute = iMinute + "分钟";
  31.         }
  32.         iSecond = parseInt(iTime%60);
  33.         if (iSecond >= 0){
  34.             sSecond = iSecond + "秒";
  35.         }
  36.         if ((sDay=="")&&(sHour=="")){
  37.             sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
  38.         }
  39.         else
  40.         {
  41.             sTime=sDay+sHour+sMinute+sSecond;
  42.         }
  43.         if(iTime==0){
  44.             clearTimeout(Account);
  45.               sTime="<span style='color:green'>时间到了!</span>";
  46.         }
  47.         else
  48.         {
  49.             Account = setTimeout("RemainTime()",1000);
  50.         }
  51.         iTime=iTime-1;
  52.     }
  53.     else
  54.     {
  55.             sTime="<span style='color:red'>倒计时结束!</span>";
  56.     }
  57.     document.getElementById(CID).innerHTML = sTime;
  58. }
  59. //-->
  60. </SCRIPT>
  61.  
  62.  
  63.  

返回】 【打印
分享到:
        重庆网页设计 | 个人网站建设 | 企业网站制作 | 重庆建站专家
WWW.CQPS.NET 咨询电话:18725879739 TAOBAO地址:http://cqps.taobao.com 版权所有
论坛ID:CQPS  业务技术QQ:191698811 重庆ICP备050453号 Copyright 1998 - 2012 cqps. All Rights Reserved