JS显示团购剩下时间的代码整理


    <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>

原文地址:http://bbs.csdn.net/topics/370253073



或者:



<script type="text/javascript">
<!--
var endTime =  <?php echo $endTime; ?>;
function test()
{
    var timestamp =Date.parse(new Date()) / 1000;
    var leftTime = endTime -  timestamp;
    if (leftTime > 0) {
var day = parseInt(leftTime/86400);
var sec = leftTime - day * 86400;
var hour = parseInt(sec/3600);
sec = sec - hour * 3600;
var min = parseInt(sec/60);
sec = sec - min * 60;
document.getElementById("leftTime").innerHTML = '剩余时间' + day + '天' + hour + '小时' + min + '分钟' + sec + '秒';;
        setTimeout("test()", 1000);
    } else {
document.getElementById("leftTime").innerHTML = '已结束';
}
}
test();
//-->
</script>
原文地址:http://zhidao.baidu.com/link?url=gUxyK7CHQTBjSvaruN_Kae5ETd9NIxY8myMO5d06sA4MXKd2rqnWVJlXiI9mVb-BeciqmHGVFvQj9aE5D7ung_





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值