文档章节

setInterval 和 clearInterval的用法

issac宝华
 issac宝华
发布于 2016/04/03 10:48
字数 171
阅读 45
收藏 0
//做个倒计时的演示
<html>
    <div>倒计时:<span></span></div>
</html>
<script>
    window.countdown =60;
    var pointer =setInterval(function(){
        $("span").text(countdown);
        if(countdown <=0){
            clearInterval(pointer);
            alert("倒计时结束!");
        }
        countdown--;                        
    },1000);    
</script>

使用setInterval的格式:

var step =1000;    //回调的时间间隔,毫秒制

var pointer =setInterval(function(){    //"var pointer ="部分可以不要,主要是用来给clearInterval用的

    //重复调用的代码块

}, step);

 

使用clearInterval的格式;

var step =1000;    //回调的时间间隔,毫秒制

var pointer =setInterval(function(){    //"var pointer ="部分可以不要,主要是用来给clearInterval用的

    //重复调用的代码块

    if(符合条件){

        clearInterval(pointer);    //pointer是setInterval的句柄

    }

}, step);

 

© 著作权归作者所有

issac宝华
粉丝 9
博文 140
码字总数 34397
作品 0
珠海
私信 提问
实现纯手写的进度条

最近在网上看到有人用python写了一个进度条,突发奇想也用jquery写了个,全部代码如下 实现的效果如图: 原理十分简单,使用prepend()函数不断在字符串前添加符号即可 为了让每个字符延时输出...

liangwt
2016/10/29
69
0
js中 setInterval 和 setTimeout 区别

Window setInterval() 方法 Window 对象 实例 每三秒(3000 毫秒)弹出 "Hello" : setInterval(function(){ alert("Hello"); }, 3000); 尝试一下 » 使用一个代码字符串: setInterval('aler......

李佳顺
2018/03/07
13
0
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()

写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法:setInterval()、setTimeout()、clearInterval...

OB丶Koro1
2017/05/21
0
0
jq实现跳转404跳转,原生js实现跳转404跳转

//jq实现跳转404跳转 <script> function timeGo() { var sec = $(".countd-down p span").text(); $(".countd-down p span").text(--sec); //text()设置或返回被选元素的文本内容。 if (sec ......

羊皮卷
2016/12/19
209
0
第46天:setInterval与setTimeout的区别

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

半指温柔乐
2017/09/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
3
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
4
0
mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
昨天
10
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
昨天
7
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部