jquery根据指定的时间来跟当前时间比较计算倒计时
2015-12-31 13:46
681 查看
推荐学习链接:http://levi.yii.so/archives/3690
<!-- 指定的时间 -->
<span class="timeCount" data-enddate='<fmt:formatDate value="${dateTime}" pattern="yyyy-MM-dd HH:mm:ss"/>'>
00:00:00
</span>
<!-- js -->
<script type="text/javascript">
//初始化倒计时间
$(function(){
$(".menu li").each(function(){
if($(this).attr("class") == "checked"){
setInterval(GetRTime,1000);
}
});
});
function GetRTime(){
var EndTime= new Date($(".timeCount").attr("data-enddate"));//new Date('2015/12/31 10:00:00'); //截止时间 前端路上 http://www.51xuediannao.com/qd63/ var NowTime = new Date();//当前时间
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);//秒
if(parseInt(h)<10){
h="0"+h;
}
if(parseInt(m)<10){
m="0"+m;
}
if(parseInt(s)<10){
s="0"+s;
}
$(".timeCount").text(h + ":"+m + ":"+s );
}
</script>
<!-- 指定的时间 -->
<span class="timeCount" data-enddate='<fmt:formatDate value="${dateTime}" pattern="yyyy-MM-dd HH:mm:ss"/>'>
00:00:00
</span>
<!-- js -->
<script type="text/javascript">
//初始化倒计时间
$(function(){
$(".menu li").each(function(){
if($(this).attr("class") == "checked"){
setInterval(GetRTime,1000);
}
});
});
function GetRTime(){
var EndTime= new Date($(".timeCount").attr("data-enddate"));//new Date('2015/12/31 10:00:00'); //截止时间 前端路上 http://www.51xuediannao.com/qd63/ var NowTime = new Date();//当前时间
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);//秒
if(parseInt(h)<10){
h="0"+h;
}
if(parseInt(m)<10){
m="0"+m;
}
if(parseInt(s)<10){
s="0"+s;
}
$(".timeCount").text(h + ":"+m + ":"+s );
}
</script>
相关文章推荐
- JQuery是继prototype之后又一个优秀的Javascript库
- JQuery是继prototype之后又一个优秀的Javascript库
- jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题
- jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题
- jQuery Mobile 是创建移动 web 应用程序的框架。
- jQuery Mobile 是创建移动 web 应用程序的框架。
- MooTools,jQuery库的一些比对
- MooTools,jQuery库的一些比对
- jQuery+ajax实现文章点赞功能的方法
- jQuery实现的超简单点赞效果实例分析
- jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
- jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
- 我们通常会采用attr方法来给元素设置属性,其实attr方法同样是能够得到元素对应的属性的
- jQuery操作基本控件方法实例分析
- JQuery和JSON方式参数传递并处理JAVAWEB中文乱码问题
- jQuery动画显示和隐藏效果实例演示(附demo源码下载)
- jquery1.9+,jquery1.10+ 为什么不支持live方法了?
- jQuery 拥有可操作 HTML 元素和属性的强大方法。
- Spring MVC Controller与jquery ajax请求处理json
- jquery如何判断滚动条滚到页面底部并执行事件