setTimeout 和 clearTimeout_settimeout cleartimeout-程序员宅基地

技术标签: 前端  

1.先写一个错误的例子:

function DealSomething() {
//write some code
window.setTimeout(function () {
alert(“已经等待超过10分钟,自动关闭页面。”);
}, 600000);
}

这个例子的行为:不管是否处理完,超过10分钟后,都弹出这个alert框来。

2.再看另一个错误的例子,这次使用了clearTimeout函数来清除setTimeout。

function DealSomething() {
//write some code
var Timer =window.setTimeout(function () {
alert(“已经等待超过10分钟,自动关闭页面。”);
}, 600000);
clearTimeout(Timer);
}

其中Timer是setTimeout函数的ID标识,每次调用setTimeout函数都会产生一个唯一的ID,与操作系统中的进程ID相似, 可以通过clearTimeout函数(此函数的参数接收一个setTimeout返回的ID) 暂停setTimeout函数还未执行的代码。

但这个例子的行为是:setTimeout函数永远不会被执行,因为如果还没有执行setTimeout函数中的代码,就调用了clearTimeout函数,那么就不会执行setTimeout函数中的代码了。

3.最后是一个正确的例子。

var Timer
function DealSomething() {
//write some code
Timer =window.setTimeout(function () {
alert(“已经等待超过10分钟,自动关闭页面。”);
}, 600000);
}
function StopDeal() {
clearTimeout(Timer);
}

这样,先调用DealSomething(), 因为它使用了函数外部的变量Timer, 现在这个函数是一个闭包了,在10分钟内调用StopDeal()时,就能达到清除setTimeout函数的作用,等过了10分钟时才不会出alert提示了;如果10分钟内不调用StopDeal()函数,那么就会按期执行setTimeout函数了。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44760073/article/details/119889308

智能推荐

ZYNQ PCIe EP实现DMA+Linux交互,非常简洁的程序_c++ 往pcie发送数据-程序员宅基地

文章浏览阅读1w次,点赞8次,收藏120次。ZYNQ PCIe-DMA源码 例程 PS-PL交互 linux/裸机 verilog C/C++ZYNQ PCIe-DMA的实现过程一、概述二、基础知识三、系统总框架四、工作原理与工作模式五、接口时序六、资源使用情况七、PS-PL交互以及测试程序ZYNQ PCIe-DMA的实现过程近期在网上淘来个源码,看了之后觉得还不错。完全刷新我对ZYNQ的认知啊,原来ZYNQ也可以这么玩的。PS-PL交..._c++ 往pcie发送数据

Python-Django毕业设计员工宿舍管理系统(程序+Lw)_用python设计一个宿舍管理系统,要求能实现寝室信息的增加、删除、修改、查询以及-程序员宅基地

文章浏览阅读173次。该项目含有源码、文档、程序数据库、配套开发软件、软件安装教程项目运行环境配置:Pychram社区版py项目技术:django + python+ Vue 等等组成,B/S模式 +pychram管理等等。环境需要1.运行环境:最好是python3.7.7,我们在这个版本上开发的。其他版本理论上也可以。2.pycharm环境:pycharm都可以。推荐pycharm社区版;3.mysql环境:建议是用5.7版本均可。_用python设计一个宿舍管理系统,要求能实现寝室信息的增加、删除、修改、查询以及

linux使用apache搭建http服务器(文件服务器)_linux怎么搭http apache服务器-程序员宅基地

文章浏览阅读8.4k次,点赞5次,收藏41次。一、安装Apache$ sudo apt-get install apache2二、修改服务器访问端口Apache2的默认访问端口为80,可修改为其他端口(当端口被占用时需要更改其访问端口)进入apache2的安装目录 /etc/apache2/,修改ports.conf文件$ cd /etc/apache2/$ sudo chmod 775 ports.conf$ vim po..._linux怎么搭http apache服务器

逆转广义表_将广义表(a,( (b, c),( ) ),( ( ( d ), e ),f) 逆转为 ((f,(e-程序员宅基地

文章浏览阅读898次。题目请编写递归算法, 逆转广义表中的数据元素。例如: 将广义表:(a,((b,c),()),(((d),e),f))逆转为:((f,(e,(d))),((),(c,b)),a)。代码#include <iostream>#include <cstring>#include <algorithm>using namespace std;void reverse_str(char *s, int l, int r){ int n = r-l; _将广义表(a,( (b, c),( ) ),( ( ( d ), e ),f) 逆转为 ((f,(e ,( d)),( ( ),(c,b), a)的代码

uniapp引入阿里云短信业务_uni-id-pages 接阿里云短信包-程序员宅基地

文章浏览阅读1.3k次。主要分为3大部分1.配置阿里云短信业务2.uniapp手机登录模块设计以及信息提交3.后端接收手机登录信息,反馈登录结果第一步可以直接参考博主Axn_很优秀的文章,申请获取到key和secrethttps://blog.csdn.net/qq_36802111/article/details/82561276?ops_request_misc=%257B%2522request%255Fid%252..._uni-id-pages 接阿里云短信包

parity密码-程序员宅基地

文章浏览阅读51次。usernode0转载于:https://www.cnblogs.com/xiaocongcong888/p/9835823.html_parity rsa

随便推点

matlab采样点数傅里叶变换,【 MATLAB 】模拟信号采样及离散时间傅里叶变换(DTFT)案例分析...-程序员宅基地

文章浏览阅读1.1k次。中使用的模拟信号: 为了研究在频域数量上的采样效果,对该信号使用两种不同的采样频率采样。a. 在 fs = 5000 对信号进行采样,求出并画出其离散时间傅里叶变换;b. 在 fs = 1000 对信号采样,求出并画出其离散时间傅里叶变换。题解:上篇博文也分析了,信号的带宽为2kHz,奈奎斯特频率就为 4000 样本/s,它小于第一问给出的采样频率,所以频谱混叠几乎不存在。我们通过MATLAB验证..._采样点时间轴变换matlab

程序员的选择-程序员宅基地

文章浏览阅读117次。程序员的15种选择前端程序员后端程序员全栈工程师运维工程师移动端开发工程师自由职业程序员测试工程师图像处理工程师游戏开发工程师交互体验工程师量化交易工程师数据科学家& 数据工程师研究型工程师创业公司程序员持续学习程序员转载于:https://www.cnblogs.com/huameixiao/p/11571598.html..._c程序员刚入门接触闭源和开源

vue 图片:src字符串拼接路径无效问题_vue 图片 字符串 拼接-程序员宅基地

文章浏览阅读2.1k次。无效代码:<img :src="'../../../../static/Hongkong1/img/commodity/' + oneArticleData.icon_name" />改为使用require获取图片编码即可<img :src="require('../../../../static/Hongkong1/img/commodity/' + oneArticl..._vue 图片 字符串 拼接

Notes Sixth day-渗透攻击-红队-打入内网_打入目标内网-程序员宅基地

文章浏览阅读3.5k次,点赞4次,收藏23次。**Notes Sixth day-渗透攻击-红队-信息收集(dayu)**作者:大余时间:2020-09-22请注意:对于所有笔记中复现的这些终端或者服务器,都是自行搭建的环境进行渗透的。我将使用Kali Linux作为此次学习的攻击者机器。这里使用的技术仅用于学习教育目的,如果列出的技术用于其他任何目标,我概不负责。我必须再重申一遍:务必不要做未授权测试!不要未经授权在真实网络环境中复现任何本书中描述的攻击。即使是出于好奇而不是恶意,你仍然会因未授权测试行为而陷入很多麻烦。为了个人能更好的继_打入目标内网

selenium中hidden或者是display = none的元素定位到但是不可以操作怎么办?-程序员宅基地

文章浏览阅读3.2k次。1、selenium中hidden或者是display = none的元素定位到但是不可以操作怎么办?@FindBy(id = "bs3Select") public WebElement 状态;查询条件“状态“是多选查询,但是这个元素是隐藏的,即style="display: none;",可以获取但是点不到没查到好用的方法,最终用的一种笨方法,就是用Java将元素改为可见,操作后还原不可见..._selenium is hidden 怎么处理

Linux SSH使用公钥私钥实现免登陆-程序员宅基地

文章浏览阅读218次。写shell免不了要远程执行shell命令,自然就要实现免登陆。免登陆的原理: 首先说明一下处理机制: 1.非对称密钥就是一对密钥-公钥和私钥。 2.私钥由系统中没个人自己持有,一般保存在自己的电脑里或u盘里。 3.公钥则在网络上传递,就是可以传递给通信中的对方..._linux ssh私钥公钥

推荐文章

热门文章

相关标签