JavaScript 中 setTimeout 函数怎么用?

在JavaScript中setTimeout函数的作用是在指定的毫秒数后调用函数或计算表达式,其语法为“setTimeout(func,ms)”,返回值是一个ID,可以将这个ID传递给“clearTimeout”函数来取消执行。

JavaScript 中 setTimeout 函数怎么用?

浏览器支持

方法 Chrome Internet Explorer / Edge Firefox Safari Opera

setTimeout()1.04.01.01.04.0

示例代码

3 秒(3000 毫秒)后弹出 “Hello” :

var myVar; function myFunction() {    myVar = setTimeout(alertFunc, 3000);} function alertFunc() {    alert("Hello!");}

登录后复制

在第 2、4、6 秒修改输入框中的文本:

var x = document.getElementById("txt");setTimeout(function(){ x.value = "2 秒" }, 2000);setTimeout(function(){ x.value = "4 秒" }, 4000);setTimeout(function(){ x.value = "6 秒" }, 6000);

登录后复制

使用 clearTimeout() 来阻止函数的执行:

立即学习“Java免费学习笔记(深入)”;

var myVar; function myFunction() {    myVar = setTimeout(function(){ alert("Hello") }, 3000);} function myStopFunction() {    clearTimeout(myVar);}

登录后复制

推荐教程:《JS教程》

以上就是JavaScript 中 setTimeout 函数怎么用?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2727452.html

(0)
上一篇 2025年3月7日 23:44:57
下一篇 2025年3月3日 04:05:51

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS 闭包的作用是什么?

    JS 闭包的作用就是在A执行完并返回后,使得Javascript的垃圾回收机制不会收回A所占用的资源,因为A的内部函数B的执行需要依赖A中的变量,如果不使用闭包,B函数执行所依赖的变量会造成全局污染。 闭包本质 集合 S 是闭集当且仅当 C…

    2025年3月7日
    200
  • 同源策略是什么意思

    同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 同源策略是一种约定,它是浏览器最核心也最基本的安全功…

    2025年3月7日
    200
  • 引起内存泄漏的操作有哪些

    引起内存泄漏的操作有:1、setTimeout的第一个参数使用字符串而非函数的话,会引发内存泄漏;2、闭包、控制台日志、循环【在两个对象彼此引用且彼此保留时,就会产生一个循环】,会引发内存泄漏。 内存泄漏指任何对象在您不再拥有或需要它之后仍…

    2025年3月7日
    200
  • setTimeout和setInterval的区别是什么

    setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,区别是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环下去。 1.setTimeout和setI…

    2025年3月7日
    200
  • 学习js中!和!!的区别及用法

    在看别人的js代码时发现了这么一个用法: if (!!item.value) {param[item.name] = item.value;} 登录后复制 好久没研究js,所以赶紧补充了一下,还发现了一个特别好玩的东西。 推荐学习教程:ja…

    2025年3月7日
    200
  • 了解JS中!/+/-/~ function() {/*…*/}()是什么意思

    自执行匿名函数: 常见格式:(function() { /* code */ })();解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。作用:可以…

    2025年3月7日
    200
  • JS递归的用法详解

    递归: 函数中用调用函数自己,此时就是递归,递归一定要有结束条件 function f1() { console.log(“从前有座山,山里有个庙,庙里有个老和尚给小和尚讲故事:”); f1(); }; f1();//浏览器崩溃,因为没有结…

    2025年3月7日
    100
  • 两分钟带你了解JS的传值方式

    这段时间干了一些全栈的事,对JS有了一些学习与了解,这一篇主要是JS的传值的方式的总结。 我们一般说JavaScript是传值的,但是从某种角度来说其实也可以说是传的引用,下面来整理一下。 我们一般将JS的传值分成两种,当传递的参数是原始类…

    2025年3月7日 编程技术
    200
  • 一起来聊聊jQuery、JavaScript与JS三者间的区别

    JavaScript:是浏览器中一种常见的脚本语言,以此来实现网页的动态以及和后端(数据库)的交互。 jQuery:是JavaScript整合后的类库,通过操作jQuery可以减少原生JavaScript语句的使用,从而提高效率。 JS:则…

    2025年3月7日
    200
  • js中substring、slice与substr的区别有哪些?

    js中substring、slice与substr的区别有:1、slice和substring接收的是起始位置和结束位置,而substr接收的则是起始位置和所要返回的字符串长度;2、slice将字符串的长度与对应的负数相加,结果作为参数。 …

    2025年3月7日
    200

发表回复

登录后才能评论