php类似于团购的剩余时间

我想在我的网站上面能够实现类似于团购的那样的剩余时间的显示应该怎么做？
我在后台可以设置一个时间，然后呢？

解决方案 »

  1.   

    前台当然用js实现。
    settimeout('lasttime',1000);
    其中lasttime是显示剩余时间的函数，settimeout设置为1秒刷新一次。
      

  2.   


    <body>
        <script type="text/javascript" language="javascript"> 
            var target=[] 
            var time_id=[] 
            /*
              原理:每次和当前时间比较,得到天、小时、分、秒
            */
            function show_date_time_0()
            { 
                setTimeout("show_date_time_0()", 1000); 
                for (var i=0,j=target.length;i<j;i++)
                { 
                    today=new Date();          
                    //计算目标时间与当前时间间隔(毫秒数)
                    var timeold=target[i]-today.getTime(); //getTime 方法返回一个整数值，这个整数代表了从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数。
                    
                    //计算目标时间与当前时间的秒数
                    var sectimeold=timeold/1000; 
                    
                    //计算目标时间与当前时间的秒数(整数)
                    var secondsold=Math.floor(sectimeold);
                    
                    //计算一天的秒数 
                    var msPerDay=24*60*60*1000; 
                   
                    //得到剩余天数
                    var e_daysold=timeold/msPerDay; 
                     //得到剩余天数(整数)
                    var daysold=Math.floor(e_daysold); 
                    
                    //得到剩余天数以外的小时数
                    var e_hrsold=(e_daysold-daysold)*24; 
                     //得到剩余天数以外的小时数(整数)
                    var hrsold=Math.floor(e_hrsold); 
                    
                    //得到尾剩余分数
                    var e_minsold=(e_hrsold-hrsold)*60; 
                    //得到尾剩余分数(整数)
                    minsold=Math.floor((e_hrsold-hrsold)*60); 
                    
                    //得到尾剩余秒数(整数)
                    seconds=Math.floor((e_minsold-minsold)*60); 
                    if (daysold<0) 
                    { 
                        document.getElementById(time_id[i]).innerHTML="逾期,倒计时已经失效"; 
                    } 
                    else 
                    { 
                        //天数取三位,不足时前边补0
                        if (daysold<10) { daysold="0"+daysold } 
                        //天数取三位,不足时前边补0
                        if (daysold<100) { daysold="0"+daysold } 
                        
                        //小时取两位,不足补0
                        if (hrsold<10) { hrsold="0"+hrsold } 
                        //分数取两位,不足补0
                        if (minsold<10) {minsold="0"+minsold} 
                        //秒数取两位,不足补0
                        if (seconds<10) {seconds="0"+seconds} 
                        
                        //小于三天时,字体为红色
                        if (daysold<3) { 
                            document.getElementById(time_id[i]).innerHTML="<font color=red>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒</font>"; 
                        } 
                        else 
                        { 
                            document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; 
                        } 
                    }
                     
                } 
            } 
            setTimeout("show_date_time_0()", 100); 
        </script>
        时间1：
        <div id="TimeCounter_0" style="border: 1px solid black; margin: 5px; padding: 2px;
            width: 300px">
        </div>
        <script type="text/javascript"> 
            //设定目标时间(数组元素) 
            //target[target.length]=new Date(年,月-1,日,时,分,秒).getTime() 
            target[target.length]=new Date(2011,06-1,04,00,00,00).getTime(); 
            
            //设定倒计时显示地址(数组元素) 
            time_id[time_id.length]="TimeCounter_0" 
        </script>
       时间2：
        <div id="TimeCounter_1" style="border: 1px solid black; margin: 5px; padding: 2px;
            width: 300px">
        </div>
        <script type="text/javascript"> 
            target[target.length]=new Date(2011,11,9,09,00,00).getTime() 
            time_id[time_id.length]="TimeCounter_1" 
        </script>
        时间3：
        <div id="TimeCounter_3" style="border: 1px solid black; margin: 5px; padding: 2px;
            width: 300px">
        </div>
        <script type="text/javascript"> 
            target[target.length]=new Date(2011,11,8,20,8,0).getTime() 
            time_id[time_id.length]="TimeCounter_3" 
        </script>
    </body>
    看下这代码吧。大致道理如１楼所说。