最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
简单的js获得天时分秒的例子
时间:2015-08-06 编辑:简简单单 来源:一聚教程网
在有的项目中,需要根据活动的结束时间进行倒计时提醒,以及刷新功能
效果如下:
首先展示页面的布局:
下面是封装了的倒计时函数
//倒计时
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;
});
-
下一个: js用户注册实现手机验证码和倒计时
相关文章
- 简单实现js鼠标跟随效果 07-29
- 简单实现js拖拽效果 07-29
- 超简单的Vue.js环境搭建教程 07-05
- JS实现简单拖拽效果 06-23
- JS实现的简单拖拽功能示例 06-21
- 搭建简单的nodejs http服务器详解 06-13