jQuery实现页面倒计时并刷新效果


Posted in Javascript onMarch 13, 2017

下面一段代码给大家分享基于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实现页面倒计时并刷新效果,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
JS动态修改iframe内嵌网页地址的方法
Apr 01 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
基本DOM节点操作
Jan 17 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 Javascript
vue操作下拉选择器获取选择的数据的id方法
Aug 24 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
通过实例了解Javascript柯里化流程
Mar 03 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
JS实现的简单拖拽功能示例
Mar 13 #Javascript
jQuery中layer分页器的使用
Mar 13 #Javascript
如何理解jQuery中的ajaxSubmit方法
Mar 13 #Javascript
Node.js调试技术总结分享
Mar 12 #Javascript
JavaScript中双符号的运算详解
Mar 12 #Javascript
利用Node.js对文件进行重命名
Mar 12 #Javascript
纯js的右下角弹窗实例
Mar 12 #Javascript
You might like
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
2014/02/23 Javascript
JavaScript中reduce()方法的使用详解
2015/06/09 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
JavaScript事件冒泡机制原理实例解析
2020/01/14 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
python操作MongoDB基础知识
2013/11/01 Python
从零学python系列之从文件读取和保存数据
2014/05/23 Python
Python中字符串的修改及传参详解
2016/11/30 Python
Python tkinter label 更新方法
2018/10/11 Python
Python爬虫图片懒加载技术 selenium和PhantomJS解析
2019/09/18 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
python 实现超级玛丽游戏
2020/11/25 Python
意大利在线药房:Saninforma
2021/02/11 全球购物
C#和SQL Server的面试题
2016/08/12 面试题
高级护理实习生自荐信
2013/09/28 职场文书
通信工程毕业生求职信
2013/11/16 职场文书
迎新晚会策划方案
2014/06/13 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
工资收入证明
2014/10/07 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
opencv读取视频并保存图像的方法
2021/06/04 Python
分享几个实用的CSS代码块
2022/06/10 HTML / CSS