setInterval 和 setTimeout 用法

setInterval 定时器,开始执行后,每间隔指定时间执行一次,除非清除定时器 用法: setInterval(function(){ 方法… },1000);// 间隔时间

setTimeout 是在指定的时间后,执行该事件 用法: setTimeout(function(){ 方法…. },1000);

clearInterval(); // 清除定时器

<html>
<head>
<title>js</title>
</head>
<body>
<script>
        test();
        function  test(){
            var i = 0;
            var num = setInterval(function(){
                i++;
                if(i==5){
                    clearInterval(num); // 当执行到i==5 时,清除定时器
                }
                document.write(i);
            },1000);
        }
        setTimeout(function(){
            document.write("hello,world");
        },6000); // 为了区分和上面的效果 ,把这个延长久一点
    </script>
</body>
</html>

原文发布于微信公众号 - 编程坑太多(idig88)

原文发表时间:2018-03-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏九彩拼盘的叨叨叨

前端学习 第3周 第2天

762
来自专栏Python

HTML基础

一 html html结构 ? !DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的...

2185
来自专栏偏前端工程师的驿站

JS魔法堂:阻止元素被选中

一、前言                               在为IE5.5~9polyfill HTML5新特性placeholder时需要阻止元素被...

2536
来自专栏技术博文

实用:Google Chrome 键盘快捷键大全

窗口和标签页快捷方式 Ctrl+N 打开新窗口 按住 Ctrl‎ 键,然后点击链接 在新标签页中打开链接 按住 Shift 键,然后点击链接 在新...

3108
来自专栏禅林阆苑

前端拾零01—checkbox&radio&select总结

前端拾零收录日常开发中一些很常见很基础的前端操作,省去每次google甚至答案错误的烦恼

2K66
来自专栏Python攻城狮

pycharm快捷键及一些常用设置

1. pycharm默认是自动保存的,习惯自己按ctrl + s 的可以进行如下设置:

993
来自专栏郭耀华‘s Blog

NetBeans的(默认)快捷键

NetBeans的(默认)快捷键 1、完成代码:ctrl+\ //任何地方按下此组合键,均会提示相应的参考字段;  2、错误提示:alt + enter /...

2976
来自专栏吾爱乐享

php学习之html属性-框架(八)

2043
来自专栏cnblogs

DOM事件第二弹(UIEvent事件)

此文章主要总结UIEvent相关的事件,如有不对的地方,欢迎指正。 一、uitls.js(绑定事件公共类) var fixs = { 'focusin'...

1959
来自专栏coding for love

CSS常用布局实现04-三列布局

三列布局应该是非常经典的一个布局,考虑下面这个问题,实现左中右三列,其中左右两列宽度已知为200px,中间宽度自适应。该如何实现?

3792

扫码关注云+社区

领取腾讯云代金券