jQuery实现页面倒计时并刷新效果
更新时间：2017年03月13日 08:53:56 作者：Winter_chen001
页面倒计时小编在很多网站都有这样的需求，今天小编给大家分享一段jq代码实现页面倒计时并刷新效果，代码简单易懂，非常不错，需要的的朋友参考下
下面一段代码给大家分享基于jquery实现的页面倒计时并刷新效果，代码如下所示：
var intDiff = parseInt(600);//倒计时总秒数量
function timer(intDiff){
window.setInterval(function(){
var day=0,
hour=0,
minute=0,
second=0;//时间默认值
if(intDiff > 0){
day = Math.floor(intDiff / (60 * 60 * 24));
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}else{//当时间耗尽，刷新页面
window.location.reload();
}
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
$(".timeShow").html('本页数据还剩下<font>'+minute+'分'+second+'</font>秒刷新,刷新间隔时间: 10 分钟');
intDiff--;
}, 1000);
}
$(function(){
timer(intDiff);
});
<span class="timeShow"></span>
以上所示是小编给大家介绍的jQuery实现页面倒计时并刷新效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionCharts绘制2D双折线图效果,结合实例形式分析了jQuery使用FusionCharts结合xml数据载入实现2D双折线图绘制的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-04-04
jQuery模拟实现的select点击选择效果【附demo源码下载】
这篇文章主要介绍了jQuery模拟实现的select点击选择效果,涉及jQuery响应鼠标点击动态修改页面元素样式的相关操作技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jquery实现加载更多"转圈圈"效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
这篇文章主要介绍了jQuery实现新闻播报滚动及淡入淡出效果,结合实例形式分析了基于jQuery插件的页面元素动态变换相关操作技巧,需要的朋友可以参考下2018-03-03
这篇文章主要为大家详细介绍了jquery datatable服务端分页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
基于JQuery的拖动插件有几个都相当好用，效果也很好，但再好，还是自己琢磨一个最好。所以，我的理念就是即使实际项目中使用别人的程序，自己也得根据自己的理解和想法写一个出来。那么今天，就来看看我的思路是不是可以实现拖动排序的功能2013-10-10
这篇文章主要介绍了jQuery简单实现遍历单选框的方法,涉及jQuery针对页面表单元素的遍历及事件响应相关操作技巧,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了使用veloticy-ui生成文字动画效果及基本使用方法,需要的朋友可以参考下2018-02-02
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢2011-12-12
这篇文章主要介绍了jquery validationEngine中使用ajax验证不通过也提交表单问题处理,需要的朋友可以参考下2014-12-12
最新评论