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 页面载入进度条实现代码
Feb 08 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
JQuery异步加载PartialView的方法
Jun 07 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
jQuery导航条固定定位效果实例代码
May 26 jQuery
jQuery复合事件用法示例
Jun 10 jQuery
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
Aug 06 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
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
通过文字传递创建的图形按钮
2006/10/09 PHP
php下实现折线图效果的代码
2007/04/28 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
PHP微框架Dispatch简介
2014/06/12 PHP
PHP+Javascript实现在线拍照功能实例
2015/07/18 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
2018/01/09 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
2019/11/26 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
Python(Tornado)模拟登录小米抢手机
2013/11/12 Python
python调用java的Webservice示例
2014/03/10 Python
python实现合并两个数组的方法
2015/05/16 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
使用Python设计一个代码统计工具
2018/04/04 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
python获取命令行输入参数列表的实例代码
2018/06/23 Python
python nmap实现端口扫描器教程
2020/05/28 Python
利用python 读写csv文件
2020/09/10 Python
CSS超出文本指定宽度用省略号代替和文本不换行
2016/05/05 HTML / CSS
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
德国在线购买葡萄酒网站:Geile Weine
2019/09/24 全球购物
保加利亚运动鞋购物网站:SneakerStudio.bg
2020/12/23 全球购物
策划总监岗位职责
2014/02/16 职场文书
医院合作协议书
2014/08/19 职场文书
个人委托书范本汇总
2014/10/01 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
2014企业年终工作总结
2014/12/23 职场文书
中秋节祝酒词
2015/08/12 职场文书
三年级作文之小小梦想
2019/12/06 职场文书