间隔调用方法(setInterval与setTimeout)

简介: js中实现函数间隔调用,延时调用的方法。 setInterval(方法名,间隔时间)方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 方法会不停地调用函数。 setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
// setTimeout函数,创建一个定时器,它可以实现延时一段事件之后执行某段代码。
// 有两个参数:第一个参数是定时器事件函数,表示需要延时执行的函数,第二个参数是延时事件,单位毫秒
 
// 返回值是一个定时器编号,通过这个编号可以在定时器触发之前取消定时器。
var timer = setTimeout( function () {
console.log( "3秒已经过去了" );
}, 3000 );
 
// function f1(){
// console.log("3秒已经过去了");
// }
// var timer=setTimeout(f1,3000);

// ******************************
 
// 创建一个循环执行的定时器 ,每隔一段事件就执行一次事件函数。
// 第一个参数是事件函数,第二个参数是间隔时间,单位毫秒。
var timer2 = setInterval( function (){
console.log( "定时器时间到" );
}, 10000 )
 
var bt = document.getElementById( "bt" );
bt.onmousedown = function (){
clearTimeout(timer);
 
}
目录
相关文章
|
存储 JavaScript
vue写一个断点续传上传文件代码
vue写一个断点续传上传文件代码
|
JavaScript
vue3的7种路由守卫使用大全
vue3的7种路由守卫使用大全
1855 0
|
4月前
|
前端开发
Promise.all()方法接收的可迭代对象中,如果有一个Promise被拒绝,会发生什么?
Promise.all()方法接收的可迭代对象中,如果有一个Promise被拒绝,会发生什么?
273 108
|
6月前
|
监控 安全 应用服务中间件
网站出现“SSL handshake failed“?SSL握手失败(525)的错误修复指南
本文详细解析了Cloudflare中常见的SSL握手失败(525)错误,从问题定义到根源分析,再到具体解决方案,提供了一站式修复指南。通过检查证书域名匹配、有效性及时钟同步等问题,结合Nginx/Apache配置调整与Cloudflare设置优化,帮助用户彻底解决525错误。同时,文章还提供了预防措施,如自动续期和SSL状态监控,确保网站长期稳定运行。跟随步骤操作,可有效避免SSL相关故障,保障网站安全访问。
4819 0
网站出现“SSL handshake failed“?SSL握手失败(525)的错误修复指南
|
缓存 监控 NoSQL
Redis性能监测与故障排除:保障稳定性与优化性能
本篇深入探讨了如何监测Redis性能、使用性能分析工具优化性能,以及排除常见故障的方法。我们首先介绍了通过Redis的INFO命令获取服务器状态和性能信息,为实时监测提供了手段。进一步地,我们探讨了使用--latency选项的redis-cli工具来检测Redis命令延迟,帮助用户了解性能瓶颈。
1114 0
|
存储 SQL 分布式计算
企业数仓架构设计实践
本文是一位数据架构师在设计企业级数据仓库架构时的思考与实践经验分享。从理论基础(数据仓库概念、Lambda架构、Kimball与Inmon方法)到工具选型(如Hadoop、Hive、Spark、Airflow、Tableau等),再到实践过程(需求调研、架构设计、技术选型落地、数据模型设计、测试迭代及用户培训),全面阐述了数仓建设的各个环节。强调了业务理解与技术结合的重要性,并指出数仓建设是一个持续优化、适应业务发展变化的过程。
719 3
|
12月前
|
前端开发 搜索推荐 C++
Marp 教程:如何在 VSCode 中引入自定义样式和主题
本文介绍了如何在 Marp 中引入自定义样式和主题,使你的幻灯片更加个性化和独特。首先,你需要安装 VSCode 和 Marp 插件,了解 Marp 的基本结构。接着,通过创建自定义 CSS 文件并在 Markdown 文件中引入,实现样式定制。此外,还可以创建和使用自定义主题,以及进行高级自定义,如调整布局、引入自定义字体和定义复杂动画。最后,使用 Marp 的预览功能实时查看效果。
|
前端开发 JavaScript
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
1580 1
|
Web App开发 JavaScript 前端开发
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
707 0
简单易操作 VsCoe离线安装插件【步骤+图片+插件】
这篇文章介绍了在Visual Studio Code (VSCode) 中进行离线安装插件的详细步骤,包括如何下载插件、以SVN插件为例的离线安装过程、通过命令行安装以及一个更加简单的离线安装方式,还提供了操作界面的截图帮助理解。
简单易操作 VsCoe离线安装插件【步骤+图片+插件】