DEDECMS限时优惠购买实时倒计时和订单记录设计（活动，分类信息，秒杀，限时抢购专用）
效果图：
功能：不管是动态还是静态页面，都可以在不刷新页面的情况下按秒刷新，做到实时倒计时效果，
列表页实时倒计时效果


文章页实时倒计时效果（已过期）


文章页实时倒计时效果（未过期）


购物车效果（已过期，原价购买  未过期，优惠购买）


文章页实时订购记录



列表页模板代码：
1 复制代码<div class="endtime" enddate="[field:endtime/]">
2 <div  class="date_c"></div> <div class=buy ><a target="_blank" href="[field:arcurl/]" ><span class='status'>优惠抢购</span></a></div>
3                 </div>

文章页请参考列表页
支持js.
需要DEDECMS 默认程序的images/js/j.js
附加JS代码:
4 复制代码<script  language="javascript" type="text/javascript" >
5 function sec2time(c){
6 if (c>0)
7 {
8 var f=Math.floor(c/(3600*24));var b=pad(Math.floor((c%(3600*24))/3600),2);var a=pad(Math.floor((c%3600)/60),2);var c=pad(c%60,2);var e="距结束还有："+f+"天"+b+"小时"+a+"分"+c+"秒";
9 }
10 else
11 {
12 e="优惠活动已经结束";
13 }
14 return e}
15 var pad=function(){var a=[];return function(c,d){var String().length;if(b<=0){return c}if(!a[b]){a[b]=(new Array(b+1)).join("0")}return a[b]+c}}();
16 $(function(){
17    
18     //设置倒计时
19     $.each($('dtime'), function(k, v){
20         window.setInterval(function(){
21             var me = $(v);
22            
23             $('.date_c', me).text(sec2time(me.attr('enddate') - Date.parse(new Date()) / 1000));
24 if ((me.attr('enddate') - Date.parse(new Date()) / 1000)<0)
25 {
26             $('.status', me).text('原价购买');}
27         }, 1000);
28     });
29     网页购物车代码
30    
31 });
32 </script>


购物车代码就省略了。
这个代码时候做活动，分类信息，秒杀，限时抢购等等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。