一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

简单的js获得天时分秒的例子

时间:2015-08-06 编辑:简简单单 来源:一聚教程网

在有的项目中,需要根据活动的结束时间进行倒计时提醒,以及刷新功能

效果如下:

{047E1EF6-C87A-4F70-BDA4-0B4A7A5ADA7F}

首先展示页面的布局:



距活动结束还有







javascript:;">

下面是封装了的倒计时函数


//倒计时
function GetRTime(){
var ETime= '{{ data.order_validity }}'; //截止时间 (注意这里的是twig模板中活动的结束时间数据)
var NowTime = new Date(); //当前时间(这里是系统当前时间)
var EndTime= new Date(ETime);
 
var t =EndTime.getTime() - NowTime.getTime();
 
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
 
document.getElementById("t_d").innerHTML = d + "天";
document.getElementById("t_h").innerHTML = h + "时";
document.getElementById("t_m").innerHTML = m + "分";
document.getElementById("t_s").innerHTML = s + "秒";
 
//此处的id对应上面的标签,用来显示天时分秒
}
 
//调用倒计时函数
GetRTime();
//刷新倒计时
$('.index-timericon').tap(function(){
var cururl = window.location.href;
window:location.href = cururl;
});

热门栏目