超简单可用仿京东商城限时抢购多个促销商品倒计时特

原文地址：http://bbs.ecshop.com/viewthread.php?tid=115004&page=1

无奈做好事真难，删除图个安心
各位看官请考虑下我免费制作这个效果，并且好心写出教程，无奈网上小人总会以各种方式来说你做得不够，
本人不是来教基础知识的，连基本的模板选择都不会我怎么去教他们做这些功能，反而不教这些基础知识成为了我共享这个功能点的不对的地方。
喜欢这个特效的朋友，可以去下载站点查看:
http://www.belary.com/rpg

需要的朋友我只提供程序包，安装方法不再赘述了。

===重新更新帖子里，把以前的删掉了====

安装方法如下：
1. myget_promote_goods()这个函数拷贝到includes/lib_goods.php中

复制代码

2. 新建一个文本文档名称为countdown_promote.lbi 保存到library文件目录下内如如下：

<div class="right_box1_right" >
<script>
var goodslist=[]
var time_id=[]
</script>

<div>
<h3>限时抢购</h3>

<script type="text/javascript">
goodslist[goodslist.length] = {$promotion_goods.gmt_end_time};
time_id[time_id.length]="TimeCounter_{$smarty.foreach.lstgood.index}"
</script>

<div id="TimeCounter_{$smarty.foreach.lstgood.index}" class="timeBox">{$lang.please_waiting}</div>
<div class="roduct_List_S3">
<ul>
<li class="first">
<dl>
<dt>
<a href="{$promotion_goods.url}" target="_blank">
<img src="{$promotion_goods.thumb}"/></a><img class="q" src="http://misc.360buyimg.com/skin/df/i/icon_qiang.gif"/>
</dt>
<dd class="p_Name"><a href="{$promotion_goods.url}" target="_blank">{$promotion_goods.name|escape:html}<font color="#ff0000"/></a></dd>
<dd class="p_Price1">市场价：<em>{$promotion_goods.market_price}</em> 仅剩<strong>{$promotion_goods.num}</strong>件</dd></dd>
<dd class="p_Price1">抢购价：<strong>{$promotion_goods.promote_price}</strong> </dd>
</dl>
</li>
</div>

</div>

</div>

<SCRIPT type="text/javascript">
<!--

function show_date_time_0()
{
setTimeout("show_date_time_0()", 1000);

for (var i=0,j=goodslist.length;i<j;i++)
{
today=new Date();

timeold=goodslist*1000 - today.getTime();

sectimeold=timeold/1000;
secondsold=Math.floor(sectimeold);

msPerDay=24*60*60*1000;
e_daysold=timeold/msPerDay;
daysold=Math.round(e_daysold);

e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);

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_x(time_id).innerHTML="逾期,倒计时已经失效";
}
else {
if (daysold<10) {daysold="0"+daysold}
if (daysold<100) {daysold="0"+daysold}
if (hrsold<10 && hrsold >1) {hrsold="0"+hrsold}
if (hrsold<1) {hrsold="00"}
if (minsold<10) {minsold="0"+minsold}
if (seconds<10) {seconds="0"+seconds}
if (daysold<3) {
document.getElementById_x(time_id).innerHTML="<strong>"+daysold+"</strong>"+"天"+"<strong>"+hrsold+"</strong>"+"小时"+"<strong>"+minsold+"</strong>"+"分"+"<strong>"+seconds+"</strong>"+"秒";
}
else {
document.getElementById_x(time_id).innerHTML="<strong>"+daysold+"</strong>"+"天"+"<strong>"+hrsold+"</strong>"+"小时"+"<strong>"+minsold+"</strong>"+"分"+"<strong>"+seconds+"</strong>"+"秒";
}
}
}

}

setTimeout("show_date_time_0()", 100);
//-->
</SCRIPT>

3.在你需要显示倒计时的地方引用countdown_promote.lbi即可。如下：

并且在index.php中对模板变量进行赋值

$smarty->assign('cats_promote_goods', myget_promote_goods($cat_id)); // 调用栏目限时抢购商品

复制代码

4. 再次说明下，这个代码例子是基于我的模板上的每个模板的样式不同，需要自行调整。

超简单可用仿京东商城 限时抢购多个促销商品倒计时特

超简单可用仿京东商城限时抢购多个促销商品倒计时特