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 相关文章推荐
javascript 跨浏览器开发经验总结(五) js 事件
May 19 Javascript
简短几句 通俗解释javascript的闭包
Jan 17 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
javascript+canvas制作九宫格小程序
Dec 28 Javascript
jquery实现可拖拽弹出层特效
Jan 04 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 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
2020最新CPU的性能排名
2020/04/02 数码科技
html中select语句读取mysql表中内容
2006/10/09 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
PHP测试框架PHPUnit组织测试操作示例
2018/05/28 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
javascript写的一个链表实现代码
2009/10/25 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
Javascript 面向对象之重载
2010/05/04 Javascript
javascript定时保存表单数据的代码
2011/03/17 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
详解Vue-axios 设置请求头问题
2018/12/06 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
python登录豆瓣并发帖的方法
2015/07/08 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
python中常见错误及解决方法
2020/06/21 Python
学习心得体会
2014/01/01 职场文书
县优秀教师事迹材料
2014/01/31 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
奉献演讲稿范文
2014/05/21 职场文书
钳工实训报告总结
2014/11/04 职场文书
Python OpenCV快速入门教程
2021/04/17 Python
各国货币符号大全
2022/02/17 杂记
python自动化测试之Selenium详解
2022/03/13 Python
vue的项目如何打包上线
2022/04/13 Vue.js
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript