JS之定时器

最新推荐文章于 2021-11-30 01:36:33 发布
最新推荐文章于 2021-11-30 01:36:33 发布
阅读量174 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spurs611/article/details/86299501
版权

定时器

定时器的类型，主要分为两种：

1、每隔特定的时间调用一次，重复调用

setInterval (function(){} ,1000)；

2、在特定时间之后调用函数，只调用一次 

setInterval(function(){},1000)；

 定时器的关闭

由于上一步所说的两个函数均有返回值，我们可以定义一个变量

var  time = null；

time = setInterval (function(){} ,1000)；

//关闭定时器

clearInterval(time)；

还有一种我们不定义变量，直接使用：

clearInterval(10)；//关闭定时器

表示在重复执行第十次后关闭定时器。

简单的例子：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>定时器</title>

        <script>
            window.onload = function() {
                var time = null;
                var btn11 = document.getElementById("btn1");
                var btn22 = document.getElementById("btn2");

                btn11.onclick = function() {
                    //time = setInterval(show, 1000); //间隔型，每隔1000毫秒执行一次
                    time = setTimeout(show , 1000);//一次性，只执行一次
                };

                btn22.onclick = function() {
                    alert(time);
                    //clearInterval(time);
                    clearTimeout(time);
                };

                function show() {
                    alert(123);
                }

            };
        </script>
    </head>

    <body>
        <input id="btn1" type="button" value="开启" onclilk="start()" />
        <input id="btn2" type="button" value="关闭" onclilk="end()" />
    </body>
</html>

定时器的应用 

主要应用有：

菜单导航、无缝滚动、缓冲滚动、淡入淡出、延时提示框、匀速运动停止等等。

js定时器应用小案例源码：

https://download.csdn.net/download/spurs611/10911023

 

spurs611
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript学习笔记之定时器
10-24
本文通过2个定时器的示例向我们展示了javascript中定时器的使用方法，格式以及功能，希望通过本文能够让大家对javascript定时器有新的认识。
JS动画定时器知识总结
01-19
定时器是JavaScript动画的核心技术； setTimeout(),setInterval()是大家熟知的，以前经常使用的； 一般都是做些辅助性，锦上添花的事； 细心的人可能会发现一个现象，从其他标签页切换到有循环动画页面会有卡顿和...
js定时器(执行一次、重复执行)
12-09
1，只执行一次的定时器 代码如下: [removed] //定时器 异步运行 function hello(){ alert(“hello”); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = window.setTimeout(“hello()”,3000);//使用字符串执行方法 window.clearTimeout(t1);//去掉定时器 [removed] 2，重复执行的定时器 代码如下: [removed] function hello(){ alert(“hello”); } //重复执行某个方法
js定时器分类
qq_52993453的博客
11-12 558
1.setTimeout(function, milliseconds): 在等待指定的毫秒数后执行函数 在等待2秒后。跳转页面 var nav = setTimeout(function() { wx.navigateTo({ url: '../index/index', }) }, 2000); 停止执行 clearTimeout()...
JS定时器
Fuzz
07-23 285
 window提供了如下4个方法来支持定时器。 setInterval("code" , interval)、clearlnterval (timer) 设置、删除定时器。setInterval设置每隔interval毫秒重复执行一次code。 setTimeout("code"，interval)、clearTimeout(timer) 也是设置定时器。推荐使用setInter...
js定时器
CSDN
03-01 1996
BOM 浏览器模型 分为：一次性定时 无穷次定时 一次性定时 setTimeout(函数,以毫秒为单位的时间) 永久定时 setInterval(函数,以毫秒为单位的时间) 消除定时器 clearInterval(定时器标识) clearTimeout(定时器标识) &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt...
JavaScript事件添加定时器
06-16
很多人都会遇到图片的轮播效果，并且两分钟播放一下，这时候就会需要定时器，那么js定时器是什么？js定时器是利用js实现定时的一种方法，在网站上有很多用途都是用到定时器，很多在线时钟的制作，图片轮播的实现，...
跟我学习javascript的定时器
10-23
跟我学习javascript的定时器，告诉大家具体的使用方法，并向大家提出了一个消息要求，制作一个定时器，有没有朋友感兴趣，挑战一下
JS定时器实例详细分析
10-26
在javascritp中，有两个关于定时器的专用函数，下面讲解一下两个定时器，有需要的朋友可以参考一下
javascript定时器完整实例
10-24
主要介绍了javascript定时器完整实现方法,以实例形式分析了定时器的嵌套调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
详解javascript高级定时器
10-23
JavaScript中的定时器是编程中非常重要的工具，它们允许我们在特定的时间点或以一定的间隔执行代码。本文主要讨论了JavaScript的高级定时器概念，包括setTimeout()和setInterval()，以及它们与JavaScript代码队列的...
js实现时钟定时器
10-15
主要为大家详细介绍了js实现时钟定时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
轻松解决JavaScript定时器越走越快的问题
10-17
JavaScript定时器在编程中起着重要的作用，它们用于在特定的时间间隔执行代码，例如实现动画效果、轮播图、计时器等。然而，当定时器的管理不当，就会遇到一个问题——定时器“越走越快”。这个问题通常发生在使用`...
js定时器+简单的动画效果实例
10-19
通过以上两个示例，我们可以看到JavaScript定时器在实现网页动态效果中的核心作用。它允许开发者按照预定的时间间隔执行一系列操作，从而创造出流畅的动画体验。结合CSS样式和JavaScript事件处理，我们可以创造出...
js 定时器方法
sleepy_girl的博客
07-23 318
一次性定时器 setTimeout(function () {}, time)，time的单位为毫秒，意为几毫秒执行一次，最小时间为4ms； 定时器都是异步执行的，一步程序不会阻塞后续代码执行； 一步程序必须等阿迪所有同步程序全部执行完成才能执行； var timer1 = setTimeout(function () { console.log('setTimeout执行了');...
javascript里的定时器有哪些
weixin_39664733的博客
11-30 2510
javascript里的定时器有两种：1、单次定时器，使用setTimeout()方法定义，可以在规定时间（以毫秒计）过后执行一次代码块；2、循环定时器，使用setInterval()方法定义，按照指定的周期（以毫秒计）来重复执行某些代码。 本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。 在 JavaScript 中，我们可以利用定时器来延迟执行某些代码，或者以固定的时间间隔重复执行某些代码。例如，您可以使用定时器定时更新页面中的广告或者显示一个实时.
JavaScript定时器所有类型,全面的精简总结
陈新科的博客
08-12 564
1.setInterval() ：按照指定的周期（以毫秒计）来调用函数。方法会不停地调用函数，直到调用clearInterval() 或窗口被关闭。 setInterval(code,millisec,[arg1, arg2, ...]) 参数 描述 code 必需。要执行的代码串。 millisec 必须。时间间隔，以毫秒计。 arg1, arg2, ... 可选。当定时器过期的时候，将被传递给func指定函数的附加参数 返回值： 返回值interval
Javascript-定时器
wust_cyl的博客
04-19 111
方法1： setInterval(function (){},time);setInterval有俩个参数，前面一个表示执行的语句，后面一个表示间隔的时间（单位是毫秒）看如下代码: var startTime=new Date(); setInterval(function (){ var lastTime=new Date(); ...
js创建定时器 开启定时器 关闭定时器
最新发布
08-12
要在JavaScript中创建定时器，可以使用`setInterval`和`setTimeout`函数。 1. `setInterval`函数会按照指定的时间间隔重复执行指定的代码块，直到被手动停止或页面卸载。 ```javascript // 创建定时器，每隔1000毫秒执行一次代码块 var intervalId = setInterval(function() { // 执行的代码块 }, 1000); // 停止定时器 clearInterval(intervalId); ``` 2. `setTimeout`函数会在指定的时间间隔之后执行一次指定的代码块。 ```javascript // 创建定时器，在2000毫秒后执行一次代码块 var timeoutId = setTimeout(function() { // 执行的代码块 }, 2000); // 取消定时器 clearTimeout(timeoutId); ``` 使用`setInterval`和`setTimeout`函数时，可以将要执行的代码块作为匿名函数传递给这些函数。在匿名函数中编写要执行的代码。通过使用`clearInterval`和`clearTimeout`函数，可以停止定时器的执行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值