127.尚硅谷_JS基础_定时器简介

这个帮对象呢，其实我们主要就说这么多就OK了，现在啊，那这里边其实我们还有一个这个screen，我们这块没有说，但是screen呢，目前我们是它用不上，哎，目前暂时用不上什么这个什么调色版的比特深度啊，什么什么什么每英寸的使命点是吧，什么乱七八糟的这东西咱们暂时都用不上，所以现在咱们就就不管它了啊，不管它了，然后呢，还有一个报对象，就是我们这个window对象，Window对象我们平时会用的这个比较多是吧？诶包括我们这些document history啊，什么这个这个location呀，都是它的属性对吧？但这个对象里边属性呢，我们就不一个个说了，暂时也用不着啊，等等用的时候再去找一下就OK了，那我们直接来说这个关键的说一下它这个方法，方法我们熟悉的什么呀，Alert confirm。Pro是不是都在这儿呢呀，A乐是什么意思呀，不是弹出一个警告框啊，只有一个这个确认按钮对吧？Confirm呢，诶有一个取消按钮对吧？而这个pro呢，又多一个是不是这个输入框啊，那输入框啊，这是我们三个这个窗口啊，三个窗口，然后呢，这里边我们也不再多说了，那这里边我们主要说的有四个方法还在这有一什么呢？有一个叫做set inter set out，还有一什么呢？叫做clear inter，还有一个叫做clear拍out，这四个方法我们要着重的去说一下，还是这些方法都是谁的呀？都是window啊，都是window，我们要着重说一下这四个方法，那我们先说第一个，说一谁呢？我们叫做一个set inter，其实差不多说一个就全都会了啊，说一全都会了，我们来说一下这个set inter set inter干什么用的呢？我们来说一个叫什么呢？叫做一个定时调用啊定时调用，那这个东西是什么意思啊，那这里边我们先来演。

是这么一个需求，那假设呢，我这里边有一个H1 h1呢，我给他一个ID，叫做一个这个count，随便写一值啊，随便写一值叫做一个count count里边我写一个什么呢？结一啊，然后CTRL运行，我这边是不是出现一个一啊，那现在这个一呢，它是固定不变的是吧？我希望一个什么效果呢？我希望这个东西会自动的去切换，那自动切换呀，诶123，然后四，然后五，它是不是会自动去去变化呀，诶自动去变化，那这个功能我们现在想想我要怎么去实现，诶那这东西我要想实现，那很简单是吧，我一想那让它变是不是一会儿变成二，一会变成三，一会儿变成四，一会变成五是不就行了呀？诶但是你这么写的肯定不现实，我们通过什么呀，是不是通过这个代码去写呀，诶好，我们来写一个script的标签，来什么呢？来一个window，点一个onload，等于一个这个function function呢，我这来干嘛呢，我要获取我们这什么呢？我这count。

我们H1直接画一个这个count等于doin的表，一个GETT100ID来一个什么呀，Count我需要完成一个功能干嘛呢？诶来使我们这个，诶count中的这个内容干嘛呀？诶会自动是不是切换呀，那怎么就自动切换了，我来一个count count cont count等于什么count点一个in h填码等于什么呢？等于一个这个二，我这一保存可以刷新，是不是变成二来，诶然后再变的话，我来什么呀？等于一个三，这一保存是不是变成三了呀？我再想变我来个什么呀？四是不是变成四了呀？诶我是不是希望他从234这么顺序的去切换呀，但是你会发现这么写的有点麻烦，234 234这是不是明白不了啊？诶那我一想啊，开始可能是一，然后是二，然后是三，然后是四，然后是五，那我这块是不是可以写一个。

负循环呀，哎，负循环来一个什么呢？直接来一个负循环来一什么呢？Y一个I等于零，然后I小于一个十吧，比如说来一个I加加，然后呢，我就直接让我们这个什么呀，count.in2等于什么呢？等于I，那或者咱们这样我就可以把这一给它去了，因为它这是不是自动就从零，从零开始变了呀，诶那我这一想，咱们想想这执行流程什么样？首先我上来一执行，这是不是执行了一个负循环呀，在负循环里边我会执行十次，I的值是从零一直到九，对吧？那我想想，那我第一次执行的时候，应该是count点一边等于零，第二次是等于一，第三次是等于二，第十次是不是等于九啊，哎，等于九，那依次类推，我一想，那我这数是不是应该就顺序的就。

就发生变化了，那就发生变化了，我们来看看啊，我这些保存咱们来看，我希望它是什么呀？0123456789，我是不是希望看到它那么一个变化的过程啊，哎，变化的过程啊，我们一保存我们来看效果，一刷新走你呦，看不见九是吧，看不见其他的只能看见一个九吧，我这012345678，我是不是都看不见呀？诶，那可能是什么呀，太快了是吧，我改一什么呢？改成一个100，诶这样是不是能慢一点啊，我希望让我把这个过程呢看的呃清楚一点，我这一刷新走你，哎直接变成99了是吧？99是谁呀？99是我的这个最后一次结果吧，而前边那个零到98我是不是都没有看见呀，那可能还是太快了，那能慢点1万，哎，这是不是又慢好多呀，哎，多了好多啊，我们这一刷新走你，哎呀。

完了，这玩意儿是不是变成四和九了呀，看半天只能看见九，我希望看到什么呀，01234，我是不是希望变化的，看到它变化那个过程啊，但是我发现干嘛呢？那我看不到，那你说我改一个10万，它会什么效果呀？哎，是不是也就是多个九啊，哎，其他的看不出任何的效果啊，看不出任何效果的，为什么呀？哎，咱们这块咱们先简单理解一下，不用去理解它里边这个机制啊，太深的机制，我们直接说什么呢？我们这个，哎GS的这个什么呀，诶程序的这个执行的速度是什么呀，是非常非常快的啊，非常非常快的，比如说你这是一个什么呀，1万次循环，我们觉得这东西挺慢的，我们要从一数到1万是不是很慢的呀，但是对于对于我们这个程序来说，对于我们这浏览器来说，这玩意干嘛呀，叫小菜一碟，你觉得这数挺多的，可能他跟那蹲着干嘛呢，蹲着抽烟呢嘛呢，太少了，再来点，再来点，对于。

对他来说是不是只是一瞬间的事儿啊，哎，一瞬间就执行完了，所以他中间所有的那个执行过程，我们看见看不见啊。看不见诶那现在我希望我能看见这过程怎么办呢？诶我让它干嘛呀慢一点，那怎么办呢？来我在这儿啊，直接来一个alert alert随便写一个，写一个hello，那现在我们来说这一下，它每一次执行是不是都来一个alert呀，那alert一个特点，一执行alert我们程序会干嘛呀，会暂时停止，你点完耳乐了他他才干嘛呀，才继续执行，诶我们这回看什么效果，一保存，我这一刷新走你诶这不出来一零啊，我点一下。

是不是一啊，再点一下是不是变成二啊，再点一下变成三，你按按着回车不放，诶这是不是就变起来了，但是这玩意有点扯是吧，你还得让人家摁，所以这样子不行，那我希望的是什么呀？我希望我这一段代码是不是每间隔一段时间执行一次呀，那我希望什么呀，你每隔一秒执行一次，或者每隔两秒执行一次，或者每隔三秒执行一次，这样执行速度慢了的话，那我们是不是就能看出这个变化的过程了呀？哎，那这块就要用到谁了，我们那个叫做定时调用啊定时调用，所以这块我们说什么呢？如果什么呢？如果希望一段程序什么呢？哎，可以每间隔一段时间执行一次，诶可以什么呢？诶可以使用我们这个什么呀，定时调用啊，定时调用。那现在我们是不是想让这。

一段代码每间隔一段时间执行一次，诶那我得干嘛呢？对这段代码来调用一个来什么呀，定时调用那这块啊，我得住了，不这么写了，怎么写呢？我直接来一个，来一个什么呢？定时调用叫做一个set inter，这个方法是谁的法呢？是我们这个window的方法，在这直接调就可以了啊直接调就可以了，来说一下set inel叫做什么呢？叫做一个定时调用，或者叫什么呢？我们开启一个叫什么呀，定时器啊定时器，那定时调用它什么意思呢？它可以将一个这个函数，诶可以将一个函数干嘛呢？每隔一段时间干嘛呢？哎，执行一次啊，每隔一段时间执行一次，那现在我们来想想这东西它怎么用，诶，那它也可以将一个函数每隔一段时间执行一次，那我们就从这个描述来看，你猜猜它需要什么参数，诶第一个它可以干嘛呀，将。

一个函数每隔一段时间执行一次吧，那你哪个函数啊，你是不是得需要一个函数啊，哎，所以第一个参数是一个什么呢？回调函数，诶该函数会什么呢？诶会每隔诶一段时间被干嘛呢？被调一次。哎，被调用一次，那我这一想，我这省事了，我直接来什么呀，来一个是不是匿名函数就行了呀，这是我们这第一个参数一个函数，这个函数呢，会每隔一段时间被调一次，然后呢，那第二个还有什么呀，时间吧，那你隔多久，你是隔一天，隔一年还是隔一秒对吧，有一个时间，第二个呢叫什么呢？诶每次调用间隔的时间啊，每次调用间隔的时间，它的单位呢？单位是毫秒啊，单位是毫秒，所以除了函数以外，我来一个逗号，我来什么呢？1000什么意思呀，表示1000毫秒，也就是一秒，那它什么效果呢？表示要将我这个函数每隔一秒你就给我执行一次啊，每隔一秒执行一次，但是你这么调的话，我们看不效果，因为这函数里边是什么也没写呀，诶，那我可以这么写题来，在外边呢，我先定一个变量，直接挖一个。

Number吧，等于哎就就哎就number吧，Number等于什么呢？等于一个一，我说是从一开始啊，然后在这看我怎么写直接count.in的X号等于什么呢？等于一个number加加，这能看懂吧，函数每执行一次，我就要number自增，并且将这个值不是赋值给这个count里边这文本啊，那我们说了，也就是说我这个count文本数每隔一秒钟它就变一次，诶每隔一秒就变一次，这个函数直行一次，这里边叫变一次，我们先看效果啊，一保存，咱们来看这块直接一刷新。

完了，我这肯定是哪写错了，咱们看看啊，他这块没有运行，诶刚才是刚才是见了鬼了是吧，什么也没动，是不是就刷新了一下页面啊，诶来刚才我们当没看见啊，重新看一遍啊，一刷新现在它什么也没有对吧？你看12345是不是在自动的去切换这个数啊，诶那这回是不是看出了一个动态的效果呀？诶那它什么作用啊，其实它就相当于是一个什么呀，放慢了速度的一个什么呀。负循环啊，放慢了速度，一个负循环，那这个东西它是怎么执行的，它就是每隔1000毫秒是不是执行一次这个函数，这个函数执行一次，我这个值是不是就变一次，哎，我们就看到了什么呀，这么一个效果啊，这么一个效果，诶那同学说了，这东西我觉得执行的有点有点慢，那怎么办呀，现在是一秒执行一次是吧，我来什么呢？来一个。

500要什么呀？是不是半秒钟一次呀？来来，我们看效果，这一刷新。是不是就快了呀，哎，快了你觉得还有点慢，那这时间你是不是还可以接着小啊，哎，100来一个一刷新走，你是不就快了呀？哎，你觉得还慢，你来什么呀，30毫秒，我这一保存一刷新。哎，这就非常快了啊，就非常快了啊，所以可以调整个时间来设置我们这个函数的一个执行的一个，哎间隔啊执行间隔，这就表示什么呀，我每隔1000毫秒去调用一下这个函数，但是又带来一个新的问题了，什么问题啊，这东西它。它停不下来了吧，每它是这玩意儿一辈子都运行是吧，有的时候可能我希望什么呀，我希望它到20的时候，或者到十的时候，我就相完了，你就停了，我可能倒计时十九八七六三二一到一可能就停了是吧，数十下就需要你停了，那这块怎么办呀，那我这东西你要老开着不能关是不是就不好了呀？哎，所以注意我们需要干嘛呢？我们需要去关闭这个什么呀。

定时器那这块怎么关呢？我们来说一下啊，我们说这个方法，它会有一什么呢？会有一个这个返回，返回值，它为什么呢？它会返回一个这个诶number number类型的这个数据啊，Number类型的数据，所以这块你要注意，我直接来一个挖一个，咱们叫一个timer，叫做一个定时器的意思啊，它一个返回值，我们来看它这个返回值啊，直接来一个什么呢？来一个这个cancel点一个log，这个timer，它是一个number啊，就是一个数字啊，咱们来看看这块一看是不是就是一个一啊，哎，就是一个数字啊，它会将一个数字作为返回值，那这个数字是干嘛的呢？怎么说了这个数字。哎，那数字干嘛用，你看这一，那假如我再开一个，你可想而知，那应该就是谁啊，是二了吧，诶那我们想想也就是什么问题啊，我们这一个页面里，我可能同时打开多个定时器吧，那我怎么来区分这些定时器，就是通过这个什么呀，数字啊，我们说了这个数字用来干嘛呢？用来作为我们这个定时器的叫做唯一标识，那现在你开启这个定时器的标识什么了，就是一了，它叫什么呀？叫一号定时器啊，一号定时器那它有什么用啊，有什么用，那我们来看一下，那我们用一个方法叫什么呢？叫做一个，诶cle呀，可粒一个阴头，哎可粒一个阴头，可粒什么意思呀？哎，是不是清除啊，哎，可粒叫做一个清除，那我们说了可粒in特它可以干嘛呢？诶，可以用来关闭净是器。

但是注意了，我们说了，我这一个页面里，我是不是可能有多个定时器啊，那问题来了，你关哪个呀？诶是不是要关闭关闭它呀，哎关闭它，所以这块注意我们说方法中诶需要一个我们这个定时器的这个标识，诶作为参数这样什么呢？这样我们说将关闭其诶关闭我们这个标识对应的这个什么呀，定止器，那现在你想关闭谁呀，你是不是想关闭它呀，那干嘛呢？你就把它这个标识传进来，那这什么效果，我会关闭我们这个什么呀？诶这个标识为这个timer那个定时器，那timer是不是就对应它的返回值啊来来看效果啊，一保存走你。

哎哟。不出来了，为啥不出来的，哎，他出来就不对了，是吧，为啥呀，你这开开了干嘛呢？在这是不是就关了呀，他压根还没执行呢，还没到一秒呢，你是不是就给关上了，所以他就干嘛了，不出来了啊，就不出来了，直接就给关了，所以这块注意你写这儿他就关了啊那么说了，我希望他干嘛呀，我希望他执行一下，怎么执行呢？哎，或者说我希望这样，我希望啊在这儿我来或者来这儿做一个判断，来什么呢？来一个if if什么呢？我这个number干嘛呢？等等于11什么意思呀？诶当number等等于11的时候吧，我干嘛呢？我来关闭定时器，来把这段代码给它粘过来，叫做一个可一个inel，诶一个R，现在我们来看什么效果啊，现在还说了，它上来是不是就是立即就关了，不是吧，哎，不是它会有一个时间的，我们来看看效果啊，我这一保存走你诶你看一。

二三是不是还继续拿走啊，哎，什么时候就关了，是不是等于11的时候啊，那我这最大的是不就显示到这个十啊，哎，因为等于11的时候就已经给你关掉了啊，给你关掉了，这是我说这么一个方式，可以去使用这个clear，这个interval去关闭这个定时器啊关闭这个定时器好了，那这个呢，是我们说的一个定时调用的这么一个东西啊，比较简单，就是用一个这个set一个inel啊set一个in inter它可以去诶开启一个定时器，隔一个每间隔一段时间去执行一下这个函数，当然你可以用什么呀，用这个可in inter去关闭这个什么呀，定时器啊，定时器我们先呢停一下。