下面一段代码给大家分享基于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  # 倒计时  # jquery刷新倒计时  # 基于jQuery+Cookie实现的防止刷新的在线考试倒计时  # 基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)  # JQuery仿小米手机抢购页面倒计时效果  # 给大家  # 所示  # 小编  # 本页  # 给我留言  # 默认值  # 有任何  # intDiff  # parseInt  # function  # setInterval  # window  # timer  # var 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 文字头像制作网站推荐软件,醒图能自动配文字吗？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  网易LOFTER官网链接 老福特网页版登录地址  Laravel如何实现模型的全局作用域？（Global Scope示例）  Laravel集合Collection怎么用_Laravel集合常用函数详解  b2c电商网站制作流程,b2c水平综合的电商平台？  ,交易猫的商品怎么发布到网站上去？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  浅谈redis在项目中的应用  Laravel如何保护应用免受CSRF攻击？（原理和示例）  如何自定义建站之星网站的导航菜单样式？  Laravel如何升级到最新版本？（升级指南和步骤）  微信h5制作网站有哪些,免费微信H5页面制作工具？  iOS正则表达式验证手机号、邮箱、身份证号等  敲碗10年！Mac系列传将迎来「触控与联网」双革新  Android利用动画实现背景逐渐变暗  高性能网站服务器部署指南：稳定运行与安全配置优化方案  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  Laravel如何自定义错误页面（404, 500）？（代码示例）  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  Python面向对象测试方法_mock解析【教程】  Python文件操作最佳实践_稳定性说明【指导】  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  如何在景安服务器上快速搭建个人网站？  在线制作视频网站免费,都有哪些好的动漫网站？  使用spring连接及操作mongodb3.0实例  Laravel如何使用Telescope进行调试？（安装和使用教程）  IOS倒计时设置UIButton标题title的抖动问题  nodejs redis 发布订阅机制封装实现方法及实例代码  常州企业网站制作公司,全国继续教育网怎么登录？  制作公司内部网站有哪些,内网如何建网站？  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  昵图网官网入口 昵图网素材平台官方入口  悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  Python制作简易注册登录系统  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  Bootstrap整体框架之CSS12栅格系统  微信推文制作网站有哪些,怎么做微信推文，急？