alert中断settimeout计时功能_javascript技巧

经过测试发现alert会中断settimeout的计时功能,关闭对话框后,settimeout的时间会重头开始计时,而不是从中断处。

比如:settimeout定时5分钟后执行某方法,但是在等待3分钟后,弹出了alert,关闭alert后,settimeout会重头开始计时,再等5分钟,而不是2分钟。

并且只要是同一浏览器窗口内,即使在不同frame中,alert也会中断其他frame中的settimeout,

为什么这么设计,不明白,是因为javascript是单线程的吗?

这是在ie浏览器中的发现,其他对话框和弹出框我没有测试过。

真希望html5快些普及,这样需要多线程的功能也就能解决了。

时间: 2024-09-19 16:25:53

alert中断settimeout计时功能_javascript技巧的相关文章

alert中断settimeout计时功能

在测试过程中发现alert会中断settimeout的计时功能,关闭对话框后,settimeout的时间会重头开始计时,而不是从中断处,感兴趣的朋友可以了解下 经过测试发现alert会中断settimeout的计时功能,关闭对话框后,settimeout的时间会重头开始计时,而不是从中断处. 比如:settimeout定时5分钟后执行某方法,但是在等待3分钟后,弹出了alert,关闭alert后,settimeout会重头开始计时,再等5分钟,而不是2分钟. 并且只要是同一浏览器窗口内,即使在不

javascript实现网站加入收藏功能_javascript技巧

本文为大家分享了三段javascript实现网站加入收藏功能的代码,具体内容如下 第一种情况:可兼容所有浏览器的加入收藏代码,原理:根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果可以自动收藏否则就提示ctrl+D手动收藏了. 代码如下: function addFavorite2() { var url = window.location; var title = document.title; var u

javascript中setTimeout使用指南_javascript技巧

javascript中setTimeout使用指南 <script> /* //方法1 function slows(){ alert("15S后弹出!"); } setTimeout("slows()",5000); //方法2 function slows(){ alert("15S后弹出!"); } setTimeout(slows,5000); */ //方法3 function slows(){ alert("15

手机Web APP如何实现分享多平台功能_javascript技巧

话说App一般都带有分享到社交平台的入口,web网页的分享也有很不错的框架,但是随着HTML5的不断发展,手机web页面越来越多的进入到我们的生活中,那如何在我们的手机上完成分享呢?话说各大分享平台都有针对Android.Ios的SDK,作为开发者,我们只需要将SDK集成的我们的项目中即可,通过提供的外部接口,我们可以很容易的完成分享的功能:web网页呢,网上也存在很多优秀的分享框架,例如:bShare分享 .JiaThis分享:我们可以很方便的集成到我们的项目中:但是手机web页面实现分享就需

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)_javascript技巧

相关阅读: 基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭) 下面一段代码是小编给大家带来的js发送短信验证码后实现倒计时功能,代码简单易懂. 具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus

js实现发送验证码后的倒计时功能_javascript技巧

之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用 特别说明:      cookie最初创建的有效时间是60秒.也就是说,你如果在倒计时为20的时候,关闭网页.20秒之后再打开,是不会有倒计时显示的;但是,如果倒计时为20时,关闭页面,如果在20秒内重新打开页面,是有倒计时显示的. html代码 <input id="second"

Bootstrap3使用typeahead插件实现自动补全功能_javascript技巧

很酷的一个自动补全插件 http://twitter.github.io/typeahead.js 在bootstrap中使用typeahead插件,完成自动补全 相关的文档:https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md 数据源: Local:数组 prefectch:json remote等方式 -----------------------------------------------

javascript中不提供sleep功能如何实现这个功能_javascript技巧

javascript中不提供sleep功能,而我们时长会用到这个功能. 有一种思路是跑一段循环体,让程序空耗CPU的时间来实现延时.这有一个不足,不同的机器CPU的执行速度是不一样的,这很容易导致的慢的机器会SLEEP很久. 笔者从别的论坛看到一种机智的解决方法,在不同的机器上的执行速度是一致的.在此与大家共享. 复制代码 代码如下: function sleep(n) { var start=new Date().getTime(); while(true) if(new Date().get

javascript HTML5 Canvas实现圆盘抽奖功能_javascript技巧

我们经常参加各种电商优惠活动,比如购买达到一定数额进行抽奖活动,在比如微信抽奖,淘宝抽奖,迅雷赚钱宝圆盘抽奖活动等.这些抽奖活动部分就是由HTML5的Canvas来制作的,今天就为大家分享一下如何使用HTML5的Canvas来制作圆盘抽奖功能.老规矩,先看下效果图吧: 再来看看Canvas的几个主要api:   全部源代码如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=&