• js商品抢购倒计时(不用客户端的时间)


    <?php
    $time=time()*1000;//js中是毫秒,而php中的是秒,故要*1000
    ?>
    <body>
    <script runat="server" type="text/javascript" language="javascript">
    var target=[]
    var time_id=[]
    var today='<?php echo $time;?>';
    var clock;//注意适当的时候清空定时器clearTimeout(clock),防止累加; today
    =parseInt(today); /* 原理:每次和当前时间比较,得到天、小时、分、秒 */ function show_date_time_0() { today+=950;//此处如果是1000的话,会间隔2变一次,经实验这么处理很好 clock=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 方法返回一个整数值,这个整数代表了从 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<1) { document.getElementById(time_id[i]).innerHTML="<font color=red>"+hrsold+"小时"+minsold+"分"+seconds+"秒</font>"; }else { document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; } } } } show_date_time_0(); // setTimeout("show_date_time_0()", 100); </script> 时间1: <div id="TimeCounter_0" style="border: 1px solid black; margin: 5px; padding: 2px; 300px"> </div> <script type="text/javascript"> //设定目标时间(数组元素) //target[target.length]=new Date(年,月-1,日,时,分,秒).getTime() target[target.length]=new Date(2013,5,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; 300px"> </div> <script type="text/javascript"> target[target.length]=new Date(2013,4,7,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; 300px"> </div> <script type="text/javascript"> target[target.length]=new Date(2013,4,8,20,8,0).getTime() time_id[time_id.length]="TimeCounter_3" </script> </body>
    时不我待,不负韶华!立刻行动!不吃学习的苦就会吃生活的苦!
  • 相关阅读:
    Sqoop的导入及可能遇到的问题
    Docker搭建MongoDB集群(副本分片)
    微信小程序框架部署:mpvue+typescript
    关系型数据库与非关系型数据库
    PWA 学习笔记(五)
    PWA 学习笔记(四)
    PWA 学习笔记(三)
    PWA学习笔记(二)
    PWA 学习笔记(一)
    部分设计模式对比分析
  • 原文地址:https://www.cnblogs.com/zrp2013/p/3062686.html
Copyright © 2020-2023  润新知