|
|
倒计时精确到天, 时,分,秒
看图 https://st04.taomodi.com/buy/show.php?itemid=100 有倒计时显示网网址
这段代码放在你想显示的位置即可
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; font-size: 16px; font-family: Tahoma, " microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""><span id="timer" ></span> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; font-size: 16px; font-family: Tahoma, " microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; font-size: 16px; font-family: Tahoma, " microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> {if $totime}</span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; font-size: 16px; font-family: Tahoma, " microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; font-size: 16px; font-family: Tahoma, " microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> <s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;">cript type="text/javas<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;">cript"> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"="">function TimeTo(dd){ </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> var t = new Date(dd),//取得指定时间的总毫秒数 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> n = new Date().getTime(),//取得当前毫秒数 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> c = t - n;//得到时间差 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> if(c<=0){//如果差小于等于0 也就是过期或者正好过期,则推出程序 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> docu<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;">ment.getElementById('timer').innerHTML ='活动已经结束'; </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> clearInterval(window['ttt']);//清除计时器 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> return;//结束执行 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> } </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> var ds = 60*60*24*1000,//一天共多少毫秒 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> d = parseInt(c/ds),//总毫秒除以一天的毫秒 得到相差的天数 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> h = parseInt((c-d*ds)/(3600*1000)),//然后取完天数之后的余下的毫秒数再除以每小时的毫秒数得到小时 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> m = parseInt((c - d*ds - h*3600*1000)/(60*1000)),//减去天数和小时数的毫秒数剩下的毫秒,再除以每分钟的毫秒数,得到分钟数 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> s = parseInt((c-d*ds-h*3600*1000-m*60*1000)/1000);//得到最后剩下的毫秒数除以1000 就是秒数,再剩下的毫秒自动忽略即可 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> docu<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;">ment.getElementById('timer').innerHTML = ' <b>'+d+'</b> 天 <b>'+h+'</b></b> 时 <b>'+m+'</b> 分 <b class="ss">'+s+'</b> 秒';//最后这句讲定义好的显示 更新到 ID为 timer的 div中</span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"="">} </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"="">(function(){ </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> window['ttt']=setInterval(function(){ </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> TimeTo('{date('Y/m/d', $totime)} 23:59:59');//定义倒计时的结束时间,注意格式 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> },1000);//定义计时器,每隔1000毫秒 也就是1秒 计算并更新 div的显示 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"="">})(); </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""></s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;">cript> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> {else}</span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> 长期有效 </span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> {/if}</span>
- <span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" simsun;="" line-height:="" 21px;"=""> {if $expired} <span class="f_red">[已过期]</span>{/if} </span></span></span></span></span></span>
复制代码
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
x
|