JS 事件延迟执行说明分析
思路:当用户划过 设置变量i=0;
每过100毫秒 i++
当i==10的时候就刚好 是1秒。就触发事件。
否则用清楚setInterval i不在++;
哈哈。不知道我描述清楚没。
代码:
代码如下:
var delay=function(t,fn){
var i=0,
j=10,
t=(t*1000)/j,
//把延迟时间平均分成10等份
_this=this,
//解决this绑定问题,所以调用delay函数的时候,请处理好this指向本身对象
d=setInterval(function(){
i++;
if(i==j){
clearInterval(d);
fn.apply(_this);
};
},t);
_this.onmouseout=function(){
clearInterval(d);
};
}
测试代码:
这是一个测试DIV
把鼠标放在上面2秒后会弹出他的ID
//
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
iOS延迟执行方法详解
近日学习了延迟执行的几种方法,分享一下. 1.performSelector(NSObject)方法 2.NSTimer方法 3.GCD方法 4.sleep(NSThread)方法 延迟执行代码: - (void)delayDo : (id)sender { NSLog(@"do:%@",sender); } 1.performSelector(NSObject)方法 这是iOS中常用的一种延迟执行方法. 特点:这个方法必须要在主线程中使用.可以传递参数.可以取消操作,不能暂停.
-
对比分析iOS延迟执行的4种方式
最近学习了延迟执行的几种方法,分享一下: 1.performSelector(NSObject)方法 2.NSTimer方法 3.GCD方法 4.sleep(NSThread)方法 一.performSelector方法: 复制代码 代码如下: [self performSelector:@selector(delayMethod) withObject:nil afterDelay:1.0f]; 1.特点: 此方式要求必须在主线程中执行,否则无效. 是一种非阻塞的执行方式, 暂时未找到取
-
js函数setTimeout延迟执行的简单介绍
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串. millisec(必需):在执行代码前需等待的毫秒数. 提示: setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout().实例: 复制代码 代码如下: function timed
-
C#实现程序等待延迟执行的方法
本文实例讲述了C#实现程序等待延迟执行的方法.分享给大家供大家参考.具体如下: [System.Runtime.InteropServices.DllImport("kernel32.dll")] static extern uint GetTickCount(); /// <summary> /// 程序等待延迟执行 /// </summary> /// <param name="ms"></param> stati
-
JS页面延迟执行一些方法(整理)
一般在JS页面延迟执行一些方法.可以使用以下的方法 jQuery.delay()方法简介 http://shawphy.com/2010/11/jquery-delay.html jQuery中queue和dequeue的用法 http://www.jb51.net/article/25481.htm Window.setTimeout http://www.jb51.net/article/20741.htm以下是我用到的一些例子. 复制代码 代码如下: //延迟查询,传一个查询btn的ID,
-
Javascript延迟执行实现方法(setTimeout)
1.延迟切换tab 需求:页面上有几个tab,切换tab的时候,会对某个特定区域的数据进行拉取更新. 弊端:用户从第一个tab切换一直快速切到尾,就会产生n个ajax请求.其实用户只是需要看到最后一个tab的数据. 复制代码 代码如下: var changeTab = function(){ var timeId = 0; return function(tabId){ if(timeId){ clearTimeout(timeId); timeId=0; } setTimeout(functi
-
js 链式延迟执行DOME
这样的形式执行: 复制代码 代码如下: d.wait(3000).run(function(m){ //等待3秒 alert('从前有座山'); }).wait(1000).run(function(m){ //等待1秒 alert('山里有座庙'); }).wait(2000).run(function(m){ //等待2秒 alert('庙里有一个老和尚给一个小和尚讲故事'); }).wait(3000).run(function(m){ //等待3秒 alert('讲的故事是:'); })
-
jquery 延迟执行实例介绍
复制代码 代码如下: $(function(){ var $inputs = $('input[type=button]') .delay(500) .queue(function(){$(this).hide().dequeue();}) .delay(1500) .queue(function(){$(this).show();}); }); 以上代码让页面中的按钮在页面加载后500毫秒隐藏,然后再过1500毫秒显示出来. 复制代码 代码如下: $(function(){ var $inpu
-
php和js编程中的延迟执行效果的代码
php sleep(10); usleep(10); js里的 setInterval("方法", 100); PHP sleep() 函数 <?php echo date('h:i:s') . "<br />"; //暂停 10 秒 sleep(10); //重新开始 echo date('h:i:s'); ?>一个命令行(批处理)延迟执行命令的语法http://www.jb51.net/article/11381.htm
-
一个命令行(批处理)延迟执行命令的语法
1.2003的工具包里有个sleep.exe2.结合vbs实现的代码 复制代码 代码如下: echo.wscript.sleep(2000)>s.vbs cscript //nologo s.vbs del s.vbs dir
随机推荐
- java 多线程的几种实现方法总结
- 解决PHP上传非标准格式的图片pjpeg失败的方法
- python连接mysql实例分享
- 使用struts2+Ajax+jquery验证用户名是否已被注册
- JavaScript实现找出数组中最长的连续数字序列
- Adnroid 微信内置浏览器清除缓存
- js使用for循环与innerHTML获取选中tr下td值
- Javascript闭包(Closure)详解
- 基于php冒泡排序算法的深入理解
- 发一个采集(小偷)用的类,ASP+缓存实现
- 浅析$(function) ready和onload 的区别
- linux上TCP connection timeout问题解决办法
- IE6,IE7和firefox对DIV的支持区别
- jquery ajax请求实例深入解析
- 反SPAM新思路—换Z-BLOG的验证码!
- 访问网站提示An error occurred on the server when processing the URL的解决方法
- Windows服务器安全配置小结第1/2页
- AS3脚本编写的计时器效果代码
- Android编程实现Dialog窗体监听的方法
- 举例讲解Java中的Stream流概念