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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
Jul 01 Javascript
按钮接受回车事件的三种实现方法
Jun 06 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 Javascript
js仿腾讯QQ的web登陆界面
Aug 19 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 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
DC最新动画电影:《战争之子》为何内容偏激,毁了一个不错的漫画
2020/04/09 欧美动漫
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
PHP之密码加密的几种方式
2015/07/29 PHP
thinkPHP中volist标签用法示例
2016/12/06 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
javscript对象原型的一些看法
2010/09/19 Javascript
JavaScript中“基本类型”之争小结
2013/01/03 Javascript
php与js的区别是什么
2013/08/05 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
JavaScript实现搜索框的自动完成功能(一)
2016/02/25 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
Python中使用中文的方法
2011/02/19 Python
python添加模块搜索路径方法
2017/09/11 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Python 根据数据模板创建shapefile的实现
2019/11/26 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
python实现ping命令小程序
2020/12/28 Python
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
北大自主招生自荐信
2013/10/19 职场文书
中国文明网签名寄语
2014/01/18 职场文书
《巨人的花园》教学反思
2014/02/12 职场文书
市场开发与营销专业求职信范文
2014/05/01 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
食品安全承诺书范文
2014/08/29 职场文书
办公室年度工作总结2015
2015/05/21 职场文书