real-interval

解决setInterval休眠问题
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery定时器插件
软件类型 开源软件
地区 国产
投 递 者 慕冠宇
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

real-interval

如果你用setTimeout或setInterval实现过网页倒计时功能,你就会发现:

当电脑或者APP休眠了一段时间后,倒计时会出现问题:它比正确的时间慢了。

real-interval能解决这个问题。

当休眠的电脑被唤醒后,它会计算出正确的运行时间,你的回调函数可以据此显示正确的剩余时间,或者判断何时应该停止倒计时。

安装

你可以通过npm安装real-interval

npm install real-interval

OR通过脚本引入它:

<script src="./build/interval.js"></script>

用法 1

在经过指定个数的时间间隔后停止

var timer = new Interval(function(pass){

    console.log(pass);

    // stop after 24 hours
    if(pass == 60*60*24){
        this.stop();
    };

}, 1000);

打印结果:

1
2
3
4
5
6
...
86400

这个例子中的 pass 是一个计数器, 表示当前经过了多少个1000毫秒。

用法 2

设定执行次数,自动停止

// automatic stop after 6 seconds
var timer = new Interval(function(pass){

    console.log(pass);

}, 1000, 6);

打印结果:

1
2
3
4
5
6

这个例子中的定时器会在6秒后自动停止。

用法 3

显示剩余时间

var timer = new Interval(function(pass, surplus){

    console.log('stop after ' + surplus + ' seconds');

}, 1000, 6);

打印结果:

stop after 5 seconds
stop after 4 seconds
stop after 3 seconds
stop after 2 seconds
stop after 1 seconds
stop after 0 seconds

这个例子会显示距离停止还有多少秒。

用法 4

立即执行

var timer = new Interval(function(pass, surplus){

    console.log('stop after ' + surplus + ' seconds');

}, 1000, 6, true);

打印结果:

stop after 6 seconds
stop after 5 seconds
stop after 4 seconds
stop after 3 seconds
stop after 2 seconds
stop after 1 seconds
stop after 0 seconds

这个例子与上个例子不同的地方在于, 回调函数会立即被调用, 而不是1秒之后。

  • 情景:后端返回一个时间差,前端将其格式化为xx时xx分xx秒后展示在页面上,然后每隔1s刷新一下倒计时。写的时候发现有不少问题,遂研究记录一下。 一、将时间差转化为xx时xx分xx秒 export const getFormatTime = (durTime: number) => { let remain = durTime; const hour = Math.floor(remain

  • 关于INTERVAL 函数的使用 一、 INTERVAL 表示某段时间【简单用法】 格式如下: INTERVAL '时间' <year/month/day/hour/minute/second> 例子: select sysdate - INTERVAL '10' YEAR as "10年前", sysdate - INTERVAL '10' MONTH as "10个月前",

  • 题目描述 You are given n closed, integer intervals [ai, bi] and n integers c1, ..., cn.  Write a program that:  > reads the number of intervals, their endpoints and integers c1, ..., cn from the standard

  • real 函数 Real part of complex number 复数的实部数值 Syntax 语法 X = real(Z) Description 描述 X = real(Z) returns the real part of the elements of the complex array Z. X=real(Z)返回复数阵列Z每个元素的实部。 Examples 例如: real(2+

  • Notes: Interval后无法跟变量,如interval 变量 second(date,timestamp同样)。计算操作用1/24/60/60实现。 v_date:=date '2000-1-1' v_time:=timestamp '2000-1-1 19:00:00' [转]INTERVAL数据类型 Oracle语法: INTERVAL '{ integer | integer tim

  • Round Round(123.243,0.05)  {123.20} Trunc(123.23)   {123} 转载于:https://www.cnblogs.com/lingdanglfw/archive/2008/07/14/1242233.html

  • 做个例子描述吧,也许更易于理解。 准备: 1.建表 create table INTERVAL_TEST (   t_id     INTEGER not null,  --纯id   t_date   VARCHAR2(40) not null,--时间,如果此处类型为date最好,不过现在很多应用都喜欢把时间建成varchar2   t_flagCHAR(40)  --没什么业务含义,只是个标

  • 题目描述:有n个区间,在区间[ai,bi]中至少取任意互不相同的ci个整数。求在满足n个区间的情况下,至少要取多少个正整数。 思路:运用前缀和思想,s[i]表示[0,i]最少取多少个数,条件[i,j]取k个数则可以表示成s[j]-s[i-1]>=k,同时考虑i与i-1的限制条件,0<=s[i]-s[i-1]<=1,考虑到0的时候会出现-1,把所有点的编号+1即可,其余按照差分约束建图,求最大值。

  • INTERVAL DAY TO SECOND数据类型  Oracle语法:  INTERVAL '{ integer | integer time_expr | time_expr }'  { { DAY | HOUR | MINUTE } [ ( leading_precision ) ]  | SECOND [ ( leading_precision [, fractional_seconds

  • float和real的区别: float 和 real 数据类型被称为近似数据类型。float 和 real 的使用遵循有关近似数值数据类型的 IEEE 754 规范。 近似数值数据类型并不存储为许多数字指定的精确值,它们只储存这些值的最近似值。在很多应用程序中,指定值与存储的近似值之间的微小差异并不明显。但有时这些差异也较明显。由于 float 和 real 数据类型的这种近似特性,因此当要求使

  • 转自:http://blog.csdn.net/holly2008/article/details/23629351 一、INTERVAL YEAR TO MONTH / INTERVAL DAY TO SECOND 语法:   INTERVAL 'integer [- integer]' {YEAR | MONTH} [(precision)][TO {YEAR | MONTH}]       

  • In mathematical analysis, and applications in geometry, applied mathematics, engineering and natural sciences, a function of a real variable is a function whose domain is the real numbers R R R, or a

  • interval():创建一个按固定时间间隔发射整数序列的Observable,类似于TimerTask定时器的功能; timer():新版本的timer()只是用来创建一个Observable,并延迟发送一次的操作符; delay():延迟一段指定的时间再发送来自Observable的发送结果,常规使用跟timer()一致,区别在于delay()是用于流中的操作,跟map()、flatMap()

  • INTERVAL(N,N1,N2,N3,..........) INTERVAL()函数进行比较列表(N,N1,N2,N3等等)中的N值。该函数如果N<N1返回0,如果N<N2返回1,如果N<N3返回2 等等。如果N为NULL,它将返回-1。列表值必须是N1<N2<N3的形式才能正常工作。下面的代码是显示 INTERVAL()函数如何工作的一个简单的例子: mysql>SELECT INTERVA

  •   描述 An integer interval [a,b], a < b, is a set of all consecutive integers beginning with a and ending with b. Write a program that: finds the minimal number of elements in a set containing at least

  • 【SQL】interval关键字使用-用法 取时间间隔,用于日期计算。 例如: 下面展示一些 应用代码。 ##1.取最近29天的数据 select * from table where op_time between date('${day_id}' - interval 29 day) and '{day_id}' #变量${day_id}:当天日期 ##2.取创建时间大于15天的数据 s

 相关资料
  • 问题内容: 我有一个包含三个字段的表,例如a,b,c。我想添加一个约束,以确保如果a不为null,那么b和c也不为null。我已经使用以下SQL做到了 有没有一种方法可以使用hibernate注释@Check达到相同的效果? 我找不到带有该注释的有用示例,开发人员是否倾向于完全不使用它? 问题答案: 是的,可以在类级别使用,例如: (请注意,我使用@jarlh注释重写了您的情况。)该条款注释需要参

  • 问题内容: 我已经使用Seam 2.2.1和MySQL编写了一个正在运行的应用程序。我现在尝试将应用程序连接到 Informix, 并且当我从 hibernate ()执行查询时,出现以下异常: org.hibernate.exception.genericjdbcexception无法执行查询 当我执行查询时,执行成功。 生成的sql是 选择前2个user0_.USER_ID作为USER1_12

  • 问题内容: 下面的函数是我在Web应用程序中具有的按钮的actionListener,我正在从数据库中的表中删除旧选择的行,并将新行插入数据库中。 我一直在例外:会话关闭!有人可以解释一下如何在hibernate状态下关闭会话(自动吗?)以及如何使用它们。 这是该异常的详细堆栈跟踪: 谢谢, 问题答案: 在Hibernate会话显然配置为基于请求的情况下,您在会话范围内的受管Bean中使用了延迟获

  • 问题内容: 我知道休眠最近在3.6中重做了它的类型系统。我认为这现在允许您将Java类与类型(或UserType)相关联。例如,我使用joda- time并具有几个UserType,它们将LocalDate和LocalDateTime映射到适当的SQL类型。 当使用对象时,这很好用,但是如果我想传递一个joda类型作为HQL参数,hibernate会感到困惑,所以我必须记住每次打电话时都要提供Ty

  • 问题内容: 实际上,我的表确实必须动态更改其值,我的Java应用程序是多线程的。任何想法如何解决? 问题答案: 您是否要在某个地方更改User对象的主键值?你不应该那样做。检查主键映射是否正确。 您的映射XML文件或映射注释是什么样的?

  • 问题内容: 我试图了解$ interval和setInterval之间的区别。我有这个测试: 使用 setInterval 不会更新HTML页面上的值,但实际上该值在浏览器控制台上会更改,但不会在HTML页面上更新。 但是如果我这样做: } 这似乎工作得很好,所以我真的不知道为什么后者不起作用,但是我真的很想知道。 同样,从后台不断请求数据的最佳方法是每隔n分钟说一次并通过其控制器更新页面。 问题