JavaScript定时器

最新推荐文章于 2024-07-12 22:54:26 发布
最新推荐文章于 2024-07-12 22:54:26 发布
阅读量254 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_34644454/article/details/52607361
版权

JavaScript定时器开关

// setTimeout()，setInterval() 设置定时器
// clearInteral() 删除定时器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">

            var t;

            //开启定时器
            function start(){
                var a = new Date();

                //找到text框并获取本地当前时间赋给文本框的value值中
                document.getElementById("txt").value=a.toLocaleTimeString(); 
                t =setTimeout(start,10);        //每隔1000毫秒调用此方法（循环调用）
            }

            //关闭定时器
            function finish(){
                clearInterval(t);
            }

        </script>
    </head>
    <body>
        <div id="div1">
            <input type="button" value="开始" onclick="start()" />
            <input type="text" id="txt" />
            <input type="button" value="暂停" onclick="finish()" />
        </div>
    </body>
</html>

setInterval()与setTimeout()区别：前者会在执行完一次代码后，经过参数中的时间间隔，自动循环执行代码；后者只执行一次代码，但可以创建函数循环调用setTimeout来重复执行。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            //设置k秒后暂停定时器

            var k = window.prompt("请输入过（）秒后暂停：");
            var i = 0;
            function test1(){

                i += 1;

                var a = new Date();                             
                document.getElementById("div1").innerHTML=a.toLocaleTimeString();
                if(i==k){
                    window.clearInterval(t);
                }
            }

            var t = window.setInterval("test1()",1000);
        </script>
    </head>
    <body>

        <div id="div1"></div>

    </body>
</html>
MontericeER
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 定时器
Wennsai的博客
09-19 152
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
JavaScript定时器示例
cnds123的专栏
10-04 1131
JavaScript定时器示例 在前端，我们有很多功能需要用到定时器（Timing）。譬如轮询，譬如定时关闭弹框，譬如实现秒表，譬如一段时间后跳转页面等等。因此，我们需要掌握定时器的用法。 window对象提供有两个方法（也称为函数）来实现定时器的效果，分别是window.setTimeout()和window.setInterval()。 setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。使用格式 var
JavaScript定时器失效问题
陈三愿的博客
03-22 229
在定义一个全局的变量，然后在if中进行赋值，此时全局变量中的值就是if中的定时器，此时在else中清除定时器就可以清掉这个定时器。在使用定时器写一个随机选人程序的过程中，出现了点击按钮开始定时器之后一直转下去，定时器不能清除的bug。经过了解定时器的原理并且在经过逻辑的重新梳理之后发现其中存在一个定义域问题。就是在if与else两部分中的定时器与清理定时器不能协同起来。
浅析javascript 定时器
10-25
主要简单介绍了javascript 定时器的相关知识，包括 setTimeout()以及clearInterval() 的定义和用法，非常实用，推荐给大家
轻松解决JavaScript定时器越走越快的问题
10-17
JavaScript定时器在编程中起着重要的作用，它们用于在特定的时间间隔执行代码，例如实现动画效果、轮播图、计时器等。然而，当定时器的管理不当，就会遇到一个问题——定时器“越走越快”。这个问题通常发生在使用`...
javascript定时器完整实例
10-24
主要介绍了javascript定时器完整实现方法,以实例形式分析了定时器的嵌套调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
深入探寻javascript定时器
10-24
主要介绍了深入探寻javascript定时器，十分的详尽，十分全面,需要的朋友可以参考下
Webkit简介以及工作流程
读心悦
07-10 310
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码
cc1314_工作、学习有感
07-12 188
通过sm4对文件进行加解密，用户输入密码
vue2 、 vue3首屏优化，减少白屏时间
m0_56104994的博客
07-09 309
vue2、vue3首屏优化,减少白屏时间
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 164
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
javascript高级部分笔记
喵喵的博客
07-09 1273
javascript高级部分 Function方法 与 函数式编程 call 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 let myName = 'goudan
Vue3 使用 Vue Router 时，prams 传参失效和报错问题
专注基础架构领域
07-12 344
我尝试使用 prams 传递数据当我跳转页面时,得到的 prams 数据为空 ,控制台也出现了 Vue Router 的警告点开链接后发现了原因,。也就是说，从Vue Router的2022-8-22 这次更新后，我们使用上面的方式在新页面无法获取：vue也给我们提出了解决方案：使用 query 的方式传参只要改成query 传参就好了,注意query传参只能用路由表中的 path ,不是 name ,并且所有参数都会显示在URL 地址上。将参数放在 pinia 或 vuex仓库里。
TS类型声明文件（二）如何在 TS 中导入导出局部类型
weixin_43303603的博客
07-10 244
系列文章之：如何在 TypeScript 中导入导出局部类型
js中scrollIntoView第一次不生效，第二次生效
风如也的博客
07-12 113
方法用于将元素滚动到可视区域。如果在页面加载后立即使用，可能不会生效，因为页面可能还没有完全渲染或者加载完成。如果是因为元素还没有完全渲染完成，可以在。关键是确保在页面完全加载和渲染之后再调用。
React:useState和useEffect
最新发布
读万卷书 行万里路
07-12 404
最近因为想要开发一个简单的应用才开始接触React。但是并没有系统学习React，所以这篇博客可能会写的不够专业。
基于JAVA+SpringBoot+Vue+Echarts的充电数据大屏可视化分析
azhou的代码园
07-12 540
随着电动汽车的普及，城市中充电设施的需求日益增长。为了提高充电设施的管理效率和用户体验，本文提出了一个停车场充电桩数据可视化平台的设计与实现。该平台旨在集成、处理并展示来自多个充电桩的实时数据，帮助管理者进行有效监控和决策支持，同时为车主提供便捷、直观的充电信息查询服务。首先，本研究分析了现代停车场充电桩管理的业务需求，确定了平台的主要功能模块，包括管理员登录，数据源excel导入、数据清洗、大屏数据展示、以及不同维度数据分析图表展示等。
javascript定时器
05-14
JavaScript 中有两种常用的定时器： 1. `setTimeout`：该方法会在指定的时间后执行一次函数。 2. `setInterval`：该方法会每隔指定的时间执行一次函数，直到被取消。 这两种定时器都需要传入一个回调函数和一个时间参数，单位为毫秒。回调函数会在指定的时间后或每隔指定时间执行一次。 以下是两种定时器的使用示例： 使用 `setTimeout`： ``` function sayHello() { console.log("Hello!"); } setTimeout(sayHello, 1000); // 1秒后输出 "Hello!" ``` 使用 `setInterval`： ``` function sayHello() { console.log("Hello!"); } setInterval(sayHello, 1000); // 每隔1秒输出 "Hello!" ``` 注意：使用 `setInterval` 定时器时，要确保回调函数的执行时间不会超过定时器的间隔时间，否则会出现延迟或卡顿现象。同时，需要在不需要使用定时器时及时取消定时器，以避免不必要的性能损耗。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值