第一节:setTimeout和setInterval定时器

区别:

    setInterval函数的用法与setTimeout完全一致,区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行。

取消定时器:(clearTimeout和clearInterval)

    setTimeout和setInterval函数,都返回一个表示计数器编号的整数值,将该整数传入clearTimeout和clearInterval函数,就可以取消对应的定时器。

        <script>
            //定时器 异步运行
            function hello() {
                alert("hello");
            }
//            window.setTimeout("hello()", 1000);

            //使用方法名字执行方法
            var t1 = window.setTimeout(hello, 1000);
            var t2 = window.setTimeout("hello()", 3000); //使用字符串执行方法
            window.clearTimeout(t1); //去掉定时器
        </script>

实例:

 1 <html>
 2 <!--
 3     1.一般情况下setTimeout用于延迟执行某方法或功能,
 4     2.setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步
 5 -->
 6 <head>
 7 <meta charset="UTF-8">
 8 <title>简单时长倒计时</title>
 9 <SCRIPT type="text/javascript">
10             var maxtime = 10 * 60; //一个小时,按秒计算,自己调整!
11             function CountDown() {
12                 if (maxtime >= 0) {
13                     minutes = Math.floor(maxtime / 60);
14                     seconds = Math.floor(maxtime % 60);
15                     msg = "距离结束还有" + minutes + "分" + seconds + "秒";
16                     document.all["timer"].innerHTML = msg;
17                     if (maxtime == 5 * 60)alert("还剩5分钟");
18                         --maxtime;
19                 } else{
20                     clearInterval(timer);
21                     alert("时间到,结束!");
22                 }
23             }
24             timer = setInterval("CountDown()", 1000);
25         </SCRIPT>
26 </head>
27 <body>
28 <div id="timer" style="color:red"></div>
29 </body>
30 </html>

倒计时

原文地址:https://www.cnblogs.com/chenze-Index/p/9531150.html

时间: 2024-10-10 22:35:08

第一节:setTimeout和setInterval定时器的相关文章

前端开发:setTimeout与setInterval 定时器与异步循环数组

前端开发:setTimeout与setInterval 定时器与异步循环数组 前言: 开通博客园三个月以来,随笔记录了工作中遇到的大大小小的难题,也看过无数篇令人启发的文章,我觉得这样的环境是极好的,在与博友的分享中可以学到新的知识.得到先驱者的指正.解决工作中遇到的难题.近一个月工作繁忙,新的文章也迟迟未写,今天呢,过来深入了解一下 关于javascript定时器的知识: setTimeout与setInterval简述 setTimeout与setInterval使用方法基本相同,他们接受两

深入理解定时器系列第一篇——理解setTimeout和setInterval

很长时间以来,定时器一直是javascript动画的核心技术.但是,关于定时器,人们通常只了解如何使用setTimeout()和setInterval(),对它们的内在运行机制并不理解,对于与预想不同的实际运行状况也无法解决.本文将详细介绍定时器的相关内容 setTimeout() setTimeout()方法用来指定某个函数或字符串在指定的毫秒数之后执行.它返回一个整数,表示定时器的编号,这个值可以传递给clearTimeout()用于取消这个函数的执行 以下代码中,控制台先输出0,大概过10

Javascript定时器(二)——setTimeout与setInterval

一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 setTimeout: var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); var timeoutID = window.setTimeout(code, delay); timeoutID 是该延时操作的数字ID,

Javascript的setTimeOut()和setInterval()的定时器用法

Javascript用来处理延时和定时任务的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等.但它们的应用是有区别的. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除.也就是说setTimeout()只执行一次,setInterval()

Javascript 笔记与总结(2-13)定时器 setTimeout 和 setInterval

定时器可以让 js 效果每隔几秒钟执行一次或者 n 秒之后执行某一个效果.定时器不属于 javascript,是 window 对象提供的功能. setTimeout 用法: window.setTimeout('语句',毫秒); //指定毫秒后执行一次语句 [例] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D

Javascript 定时器篇 setTimeout和setInterval

标题定时器,让我想起了年代久远的VB,那时候也有个定时器,长的跟闹钟一样()相信跟我一样用过VB的人都不陌生.很基础的东西,但是作用却很大.记得那时候我还不太会用,忘记是用来做动画了,还是干嘛了.不过如今,已经入门编程语言了,那么就用CODE来说吧.今天我么要说的是WEB 前端技术 Javascript 的2大定时器.存活了很久,用处依旧大大大的~~~他们分别就是 setTimeout和setInterval. Javascript本身区分大小写,所以要注意 setTimeout和setInte

js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()

  在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clearInterval(),本文将围绕这三种函数的用法,来实现定时器的功能,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望对大家有所帮助. 定时器的应用需求: 1.设定一个时间,当时间到达的时候执行函数----比如:倒计时跳转页面等等. 2.每隔一段时间重复执行某段函数----比如抢票软件,

函数返回值(return)、定时器(setTimeout、setInterval)

一.函数的返回值:return 1.函数名+括号=return后面的值 <script> function fn1(){ return 100; } alert(fn1()); // 100 fn1()=return后面的值100 </script> 2.所有函数默认的返回值:未定义 3.return后任何代码都不被执行二.函数实参的集合:arguments 什么时候用arguments?---> 当函数参数的个数无法确定的时候实例: <script> funct

使用定时器settimeout、setInterval执行能传递参数的函数

无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决.经网上查询后整理如下: 例如对于函数hello(_name),它用于针对用户名显示欢 迎信息: var userName="jack"; //根据用户名显示欢迎信息 function hello(_name){ alert("hello,"+_name); } 这时,如果企图使用以下语句来使hello