帝国CMS仿站商品倒计时功能实现

直接写方法：

1、模型添加一个endtime字段。

2、JS代码（直接写在模板页面的head区域即可）

var intervalId;

var interval = 1000;

function ShowCountDown(year,month,day,divname) //说明：这里定义一个倒计时函数，函数内变量分别为年,月,日,显示区域id

{

var now = new Date();

var endDate = new Date(year, month-1, day);

var leftTime=endDate.getTime()-now.getTime();

var leftsecond = parseInt(leftTime/1000);

//var day1=parseInt(leftsecond/(24*60*60*6));

var day1=Math.floor(leftsecond/(60*60*24));

var hour=Math.floor((leftsecond-day1*24*60*60)/3600);

var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);

var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);

var cc = document.getElementById(divname);

if((day1<0 || hour<0 || minute<0 || second<0) || (day1==0 && hour==0 && minute==0 && second<=0) || (day1==0 && hour==0 && minute==0 && second0)){

cc.innerHTML = "众筹结束：<c class=F60>时间已到</c>";

window.clearInterval(intervalId);

}else{

cc.innerHTML = "众筹结束：<c class=F60>"+year+"年"+month+"月"+day+"日，还有"+day1+"天"+hour+"小时"+minute+"分"+second+"秒</c>";

}

intervalId = window.setInterval(function(){ShowCountDown(2017,10,01,'divdown1');}, interval);

//说明，在这里的2017,10,01就是自定义字段里要填写的结束时间，考虑到结束时间字段可能要在列表页或首页等区域展示，而且可能以不同的格式显示，比如显示为2017年10月1日这种格式，如果在填写结束时间字段时直接填写为2017,10,01虽然方便了内容页面倒计时代码中时间的调用，但是若在其他地方换种格式调用就困难的多，所以为了解决这个问题，在前端输入结束时间字段时的格式建议个newstime的格式一致，然后写一个时间转换函数，将这个结束时间转换为时间戳，存入数据库。

</script>

3、在内容页面通过php代码实现结束时间格式的转化，即从时间戳格式转化为2017,10,01这种格式，代码如下

<?php

$year=date('Y',$navinfor[endtime]) ;

$mouth=date('m',$navinfor[endtime]) ;

$day=date('d',$navinfor[endtime]) ;

补充说明：

自定义结束时间字段，如何实现把2017-10-01 20:46:11这种格式的时间，转化为时间戳存入数据库呢？这就用到了下边的函数。（自定义的一个函数）

放到e/class/userfun.php里即可。

function timetounix($mid,$f,$isadd,$isq,$value,$cs){

$value=strtotime($value);

return $value;

}

然后在模型-管理字段中添加这个函数即可，见下图

最终实现效果如下图

以上内容如有不明白的，可以添加1688源码微信公众号，给我们留言，还可获取源码哦。

转载请注明出处！

帝国CMS仿站商品倒计时功能实现相关推荐

帝国CMS仿资源管理吧整站源码+会员付费下载
正文: 完整标题: 帝国cms仿资源管理吧整站下载会员+积分付费下载功能自动采集开发环境:帝国cms7.5 空间支持:php+mysql 管理资源吧,为中小企业管理者提供全方位的管理资料下载服务: ...
帝国CMS仿《3641图库》模板/图片网站源码/带WAP手机站带数据
帝国CMS仿<3641图库>模板,美女图片网站源码,带WAP手机站带数据.数据大小:7G左右请准备10G空间,无采集. 3641图库网为您提供美女图片.好看的图片大全.高清图片.可爱图片 ...
帝国CMS仿猫啃字体下载网整站源码自适应个人博客类模板
帝国CMS仿猫啃字体下载网整站源码自适应个人博客类模板自适应]帝国CMS仿猫啃字体下载网整站源码系统版本:帝国CMS7.5 UTF-8 服务器:win/linux 语言:PHP 数据库:MYSQL ...
帝国CMS仿核弹头H5小游戏模板/92Game仿游戏网整站源码
正文: 完整标题: 帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码帝国cms仿核弹头h5小游戏模板,92game帝国cms内核仿游戏网整站源码.比较适合小游戏发布.AP ...
帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码
帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码 ☑️ 编号:ym498 ☑️ 品牌:帝国CMS ☑️ 语言:php ☑️ 大小:360MB ☑️ 类型:仿核弹头H5小游戏 ...
帝国CMS仿精美的茶杯狐电影网站源码+手机电脑自适应+电影电视剧动漫演员剧情综艺
帝国CMS仿精美的茶杯狐电影网站源码+手机电脑自适应+电影电视剧动漫演员剧情综艺帝国CMS 精美的仿茶杯狐电影网站源码+手机电脑自适应+电影电视剧动漫演员剧情综艺分类效果:电影类.电视剧类.动漫类 ...
帝国CMS建站模板，帝国CMS建站全过程管理
帝国CMS建站.采集.发布管理,过程全自动管理是可以集成在一起实现的,看到这里,很多小伙伴可能认为是天方夜天.随着科技的进步,很多理论都已经实现.更不用说只是整合集成几个插件. 今天为大家分享一下如何 ...
帝国CMS仿云服务器网源码自适应模板
[自适应模板]帝国CMS 仿云服务器网源码yuntue 推广各大平台服务器必备很多站长会利用一个网站去推广各大服务器厂商的CPS推广服务.从而获取佣金系统版本:帝国CMS7.5 UTF-8 服务 ...
帝国CMS仿新版知更鸟自适应源码支持黑夜模式
帝国CMS仿新版<知更鸟>自适应源码支持黑夜模式演示站点:自媒体网 www.zmt6.com | 站媒体网

帝国CMS仿站商品倒计时功能实现

帝国CMS仿站商品倒计时功能实现相关推荐

最新文章

热门文章

帝国CMS仿站 商品倒计时功能实现

帝国CMS仿站 商品倒计时功能实现相关推荐

最新文章

热门文章

帝国CMS仿站商品倒计时功能实现

帝国CMS仿站商品倒计时功能实现相关推荐