设为首页 加入收藏

TOP

DEDECMS限时优惠价购买实时倒计时
2011-08-21 04:33:08 来源: 作者: 【 】 浏览:633次 评论:0
DEDECMS限时优惠价购买实时倒计时 - CMS教程 - 烈火网

DEDECMS限时优惠价购买实时倒计时

DEDECMS限时优惠价购买实时倒计时设计(活动,分类信息,秒杀,限时抢购专用,支持列表页和文章页)

功能:不管是动态还是静态页面,都可以在不刷新页面的情况下按秒刷新,做到实时倒计时效果

列表页模板代码:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
<div class="endtime" enddate="[field:endtime/]">
<div class="date_c"></div> <div class=buy ><a target="_blank" href="[field:arcurl/]" ><span class='status'>优惠抢购</span></a></div>
</div>

文章页请参考列表页
支持js.
需要DEDECMS 默认程序的images/js/j.js
附加JS代码:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
<script language="javascript" type="text/javascript" >
function sec2time(c){
if (c>0)
{

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+"秒";

}
else
{
e="优惠活动已经结束";
}
return e}
var pad=function(){var a=[];return function(c,d){var b=d-c.toString().length;if(b<=0){return c}if(!a[b]){a[b]=(new Array(b+1)).join("0")}return a[b]+c}}();
$(function(){


//设置倒计时
$.each($('div.endtime'), function(k, v){
window.setInterval(function(){
var me = $(v);

$('.date_c', me).text(sec2time(me.attr('enddate') - Date.parse(new Date()) / 1000));
if ((me.attr('enddate') - Date.parse(new Date()) / 1000)<0)
{

$('.status', me).text('原价购买');}
}, 1000);
});

});
</script>

效果图:

    60% (3)
    40% (2)
    Tag标签:DEDECMS 倒计时 
    本文编辑:柳絮随风
    更多..

    网友评论

    发表评论(拉取统计信息……)
    用户名: 验证码:点击更换

     

    超过 人围观,
    您看到此篇文章时的感受是:
    Tags: 责任编辑:administrator
    】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
    分享到QQ空间
    分享到: 
    上一篇DEDECMS v5.6中分类信息过滤的实现 下一篇Photoshop教程:制作折叠式字体效..

    评论

    帐  号: 密码: (新用户注册)
    验 证 码:
    表  情:
    内  容:

    相关栏目

    最新文章

    图片主题

    热门文章

    推荐文章

    相关文章

    广告位