当前位置:首页 > 日记 > 正文

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

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

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

相关文章

AngularJS中$http使用的简单介绍

AngularJS中$http使用的简单介绍

简单,电脑软件,AngularJS,http,在AngularJS中主要使用$http服务与远程http服务器交互,其作用类似于jquery中的$.ajax服务:$http是AngularJS的一个核心服务,利用浏览器的xmlhttprequest或者via JSONP对象与远程HTTP服务器进行交互; 与$.ajax相…

Bootstrap3下拉菜单的实现

Bootstrap3下拉菜单的实现

下拉菜单,电脑软件,使用方法通过data属性<div class="dropdown"> <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown trigger <span class="caret"></span…

怎么在WPS表格2013中绘制二次函数

怎么在WPS表格2013中绘制二次函数

函数,绘制,曲线图,表格,电脑软件,  二次函数在高中数学中很常见,函数对应的曲线图根据要求很多人都会画。那么在WPS表格2013中绘制二次函数曲线图,掌握运用操作是非常作用的。以下是小编为您带来的关于在WPS表格2013中绘制二次函数曲线图,希…

微信小程序之页面拦截器的示例代码

微信小程序之页面拦截器的示例代码

示例代码,拦截器,页面,程序,电脑软件,场景小程序有52个页面,其中13个页面无需任何身份,另外39个页面需要系统角色。对于这39个页面,如果微信用户没有系统角色,则跳转到登录页。 是否有系统角色信息需要通过异步请求来获取。需求分析&实现对需…

JavaScript自执行函数和jQuery扩展

JavaScript自执行函数和jQuery扩展

扩展方法,函数,执行,详解,电脑软件,我们通常将JS代码写在一个单独的JS文件中,然后在页面中引入该文件。但是,有时候引入后会碰到变量名或函数名与其它JS代码冲突的问题。那么如何解决这个问题呢?作用域隔离。在JS中,作用域是通过函数来划分的,将…

excel纵向求和的教程Excel表格怎么

excel纵向求和的教程Excel表格怎么

教程,纵向,表格,电脑软件,excel,  相信不少朋友都知道该如何利用Excel进行求和了,哪纵向求和又会不会呢?接下来是小编为大家带来的excel纵向求和的教程,供大家参考。excel纵向求和的教程纵向求和步骤1:下面这个表格就是我们需要求和的示例表…

cdr怎么断开闭合路径或线条?

cdr怎么断开闭合路径或线条?

断开,路径,线条,电脑软件,cdr,cdr中想要断开闭合路径,该怎么断开呢?下面我们就来看看详细的教程。1、打开软件。2、用贝塞尔工具画出封闭路径,并填充颜色。3、选择形状工具。4、用形状工具在想要断开的线段处双击加上节点。5、用形状工具选中…

word文档中如何制作文字弧形排列

word文档中如何制作文字弧形排列

文档,排列,文字,弧形,电脑软件,  word中想要制作一个印章,这时候就需要使用弧形排列的文字,word文字怎么弧形排列。以下是小编为您带来的关于word文档制作文字弧形排列,希望对您有所帮助。word文档制作文字弧形排列1、选中插入的艺术字,&OEli…

js 获取今天以及过去日期

js 获取今天以及过去日期

日期,电脑软件,js,1.获取天数, 如昨天,今天,近1星期,近14天function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m =…

JS中把函数作为另一函数的参数传递

JS中把函数作为另一函数的参数传递

函数,参数传递,方法,中把,电脑软件,今天在给元素注册事件的时候,使用addEventListener遇到了一个问题,这个好像之前也遇到过,觉得有必要总结一下,就是js函数作为参数引发的问题。首先看以下代码,觉得下面代码有问题吗?是否能达到点击id3对应的元…

Agularjs妙用双向数据绑定实现手风

Agularjs妙用双向数据绑定实现手风

数据绑定,手风琴,妙用,双向,效果,最近在工作总遇到需要实现类似手风琴效果的需求,如下图所示:因为汇总(上半部分)和明细(下面的浅色部分)在不同的情况下显示的字段数量是不一样的,而且还有编辑和展示的状态切换,所以需要自己实现手风琴效果。初步的…

实例详解JavaScript中setTimeout函

实例详解JavaScript中setTimeout函

执行顺序,函数,详解,实例,电脑软件,前言setTimeout,前端工程师必定会打交道的一个函数。它看上去非常的简单,朴实,有着一个很不平凡的名字--定时器。其实网上关于JavaScript中setTimeout的文章很多,但总感觉例子不够直接具体,因此写了个简单的例…