- 当前位置：首页 >人工智能 >一篇文章带你了解JavaScript时间
一篇文章带你了解JavaScript时间
发布时间：2025-11-04 17:05:18 来源：科技前瞻 作者：应用开发
一、篇文前言
setTimeout(function,章带 milliseconds) 在等待指定的毫秒数后执行函数。setInterval(function,解J间 milliseconds) setTimeout()相同，但会重复执行。篇文
二、章带时间事件
窗口对象允许在指定的解J间时间间隔执行代码。时间间隔称为定时事件。篇文
1. setTimeout() 方法
window.setTimeout(function,章带 milliseconds);window.setTimeout() 方法可以不用窗口window前缀编写。
第一个参数是解J间要执行的函数，第二个参数指示执行前的篇文毫秒数。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;\"> <p>点击"试试". 等3秒，章带这个页面将提示"Hello".</p> <button onclick="setTimeout(myFunction,解J间 3000);">试试</button> <script> function myFunction() { alert(Hello); } </script> </body> </html>
如何停止执行?
clearTimeout() 方法停止指定的函数setTimeout()的执行。
语法：
window.clearTimeout(timeoutVariable)window.clearTimeout() 方法可以不用窗口window前缀编写。篇文
clearTimeout() 方法使用setTimeout()返回的章带变量。
myVar = setTimeout(function,解J间 milliseconds); clearTimeout(myVar);如果该函数尚未被执行，则可以通过调用 clearTimeout() 方法:
例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <p>点击 "试试". 等3秒。这个页面将出现一个"Hello".</p> <p>单击“停止”以阻止第一个功能执行。</p> <p>（您必须在3秒钟之前单击“停止”。）</p> <button onclick="myVar = setTimeout(myFunction, 3000)">试试</button> <button onclick="clearTimeout(myVar)">停止</button> <script> function myFunction() { alert("Hello"); } </script> </body> </html>
2. setInterval() 方法
setInterval() 方法在给定的时间间隔内重复给定的源码下载函数。
window.setInterval(function, milliseconds);window.setInterval() 方法可以不用窗口window前缀编写。
第一个参数是要执行的函数。
第二个参数指示每次执行之间的时间间隔的长度。
例：
执行一个称为“myTimer”的函数，每隔二秒(像一个数字表)。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <p>A script on this page starts this clock:</p> <p id="demo"></p> <script> var myVar = setInterval(myTimer, 1000); function myTimer() { var d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); } </script> </body> </html> 
(一秒钟等于1000毫秒)。
如何停止执行?
clearInterval() 方法停止指定的函数setInterval()的执行。
window.clearInterval(timerVariable)window.clearInterval() 方法可以不用窗口window前缀编写。
clearInterval() 方法使用从setInterval()返回的变量 。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <p>A script on this page starts this clock:</p> <p id="demo"></p> <button onclick="clearInterval(myVar)">停止</button> <script> var myVar = setInterval(myTimer, 1000); function myTimer() { var d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); } </script> </body> </html>代码解析：
运行效果：
三、总结
本文基于JavaScript基础，介绍了JavaScript 时间事件 setTimeout()，setInterval() 方法，这两种方法的语法，实际用法和区别。以及如何去启动定时器，停止定时器，WordPress模板通过详细案例分析。运行效果图的展示。进行了详细的讲解。代码很简单，希望能够帮助你学习。
希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。
使用JavaScript 语言，方便大家更好理解，希望对大家的学习有帮助。
本文转载自微信公众号「前端进阶学习交流」，可以通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。b2b供应网
- 免费的电脑视频剪辑软件推荐（享受高质量视频剪辑体验，尽在免费软件中）
- 解决米6电脑连接安装错误的方法（一键解决米6电脑连接安装错误，让你的手机无缝连接电脑）
- 掌握Win11系统电脑的技巧与教程（轻松学习Win11系统的使用方法，提升工作效率）
- 老电脑电源排线接法教程（全面解析老电脑电源排线的接法和注意事项）
- 用电脑做系统XP教程光盘，轻松学习配置系统（自学成才，操作简单，教程详细易懂）
- 酒吧电脑打碟教程入门（学会如何利用电脑在酒吧进行DJ表演）
- 电脑重启出现程序错误的解决方法（解决电脑重启后程序错误的实用技巧）
- 电脑登录YY显示密码错误的解决方法（掌握正确的密码验证技巧，解决登录问题）
- 解决以电脑联网错误651的有效方法（摆脱网络连接问题，享受顺畅网络体验）
- 华为电脑初次使用教程（全面了解华为电脑，轻松上手）
- 电脑硬盘安装教程（详细步骤帮助你轻松完成硬盘的安装和连接）
- 电脑文件删除后回收站没有了怎么办？（有效恢复删除文件的方法与技巧）
- 使用U盘制作电脑系统（简单易懂的教程，让你轻松安装系统）
- 探索Intel酷睿6代处理器的强大性能和卓越品质（一代经典继承者，突破性能极限）
- 给计算机装双系统的完全教程（轻松搭建双系统，满足不同需求）
- 电脑系统安装后显示硬盘错误的解决方法（快速排除电脑系统安装后硬盘错误问题）
- 电脑卡片手绘边框教程（用电脑卡片手绘边框，让你的作品独一无二）
- 电脑影像组件安装教程（简易教你安装电脑影像组件，轻松提升影像处理效果）
- 电脑音频抽帧教程（实用技巧与工具，让音频编辑更专业化）
- 火漆印章电脑雕刻教程（利用电脑技术制作高质量的火漆印章）
随便看看
- Copyright © 2025 Powered by 一篇文章带你了解JavaScript时间,科技前瞻 滇ICP备2023006006号-48sitemap