文档章节

js中 setInterval 和 setTimeout 区别

李佳顺
 李佳顺
发布于 2018/03/07 17:16
字数 204
阅读 13
收藏 1

Window setInterval() 方法

Window 对象参考手册 Window 对象

实例

每三秒(3000 毫秒)弹出 "Hello" :

setInterval(function(){ alert("Hello"); }, 3000);


尝试一下 » 

使用一个代码字符串:

setInterval('alert("Hello");', 3000);


尝试一下 »

定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

提示: 1000 毫秒= 1 秒。

提示: 如果你只想执行一次可以使用 setTimeout() 方法。

 

例子:错误缺省页   3秒钟倒计时并跳转

<script type="text/javascript">
    var is_app_access = '{$this->is_app_access}';
    if(is_app_access == false && /gome/.test(window.navigator.userAgent) === false){
		var i = 2;
	    var intervalid;
	    intervalid = setInterval("reloadIdx()", 1000);
        function reloadIdx() {
            if (i == 0) {
	            clearInterval(intervalid);
                window.location.href="{$redirect_url}";
            }
	        document.getElementById("time").innerHTML = i;
	        i--;
        }
        //window.setTimeout("reloadIdx();",3000);
    }
</script>

 

 

© 著作权归作者所有

李佳顺

李佳顺

粉丝 23
博文 556
码字总数 292312
作品 0
朝阳
程序员
私信 提问
setTimeout 和 setInterval-概述 / 简单实例 / 进阶

概述与区别 setTimeout 和 setInterval 都是时间相关的操作。 区别: setTimeout,延时,操作1次; setInterval :每隔指定的时间就执行一次表达式 简单实例初探 setTimeout实例: 延缓1秒后...

柴高八斗之父
2018/01/12
9
0
第46天:setInterval与setTimeout的区别

js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInte...

半指温柔乐
2017/09/28
0
0
js中setInterval与setTimeout的用法和区别

setTimeout   定义和用法:  setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。   语法:   setTimeout(code,millisec)    参数:    code (必需):要调用的函数后要...

fzxu_05
2014/04/16
98
0
全方位理解JavaScript的Event Loop

先看段代码: 思考一下,能给出准确的输出顺序吗? 下面我们一个一个的来了解 Event Loop 相关的知识点,最后再一步一步分析出本段代码最后的输出顺序。 JavaScript是单线程 首先我们先了解下...

laixiangran
2018/10/16
0
0
深度解密setTimeout和setInterval——为setInterval正名!

前言 重复定时器,JS有一个方法叫做setInterval专门为此而生,但是大家diss他的理由很多,比如跳帧,比如容易内存泄漏,是个没人爱的孩子。而且setTimeout完全可以通过自身迭代实现重复定时的...

cherryvenus
02/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud Alibaba 实战(二) - 关于Spring Boot你不可不知道的实情

0 相关源码 1 什么是Spring Boot 一个快速开发的脚手架 作用 快速创建独立的、生产级的基于Spring的应用程序 特性 无需部署WAR文件 提供starter简化配置 尽可能自动配置Spring以及第三方库 ...

JavaEdge
今天
7
0
TensorFlow 机器学习秘籍中文第二版(初稿)

TensorFlow 入门 介绍 TensorFlow 如何工作 声明变量和张量 使用占位符和变量 使用矩阵 声明操作符 实现激活函数 使用数据源 其他资源 TensorFlow 的方式 介绍 计算图中的操作 对嵌套操作分层...

ApacheCN_飞龙
今天
7
0
五、Java设计模式之迪米特原则

定义:一个对象应该对其他对象保持最小的了解,又叫最小知道原则 尽量降低类与类之间的耦合 优点:降低类之间的耦合 强调只和朋友交流,不和陌生人说话 朋友:出现在成员变量、方法的输入、输...

东风破2019
昨天
23
0
jvm虚拟机结构

1:jvm可操作数据类型分为原始类型和引用类型,因此存在原始值和引用值被应用在赋值,参数,返回和运算操作中,jvm希望在运行时 明确变量的类型,即编译器编译成class文件需要对变量进行类型...

xpp_ba
昨天
5
0
聊聊nacos Service的processClientBeat

序 本文主要研究一下nacos Service的processClientBeat Service.processClientBeat nacos-1.1.3/naming/src/main/java/com/alibaba/nacos/naming/core/Service.java public class Service ex......

go4it
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部