php $delaytime /= $delaytime,定时器之延时触发鼠标悬浮事件

秒速五厘米 2023-01-16 03:27 137阅读 0赞

定时器之延时触发鼠标悬浮事件

\}.hoverDiv\{width:100px;height:100px;margin:50px;background:\#ECAD9E;border:3px solid \#F4606C;border-radius:9px;cursor:pointer;

\}\#dialog\_div\{display:none;width:100px;background-color:\#2aa8e4fa;orphans:inherit;z-index:99;

\}

//声明定时器变量

varmonitor;//传递divde DOM Event对象de中间变量(如需要动态加载div)

varthisevent;//定时器之延时触发鼠标悬浮事件

functionhoverEvent(param)\{//把divde DOM Event对象赋值给中间变量thisevent

thisevent=event;//初始化时间

varinitialDate= newDate();//相差de毫秒数

varminseconds=0;//设置返回时间(目前是ms)

varsetReturnTime= 1000;//清除上一次de定时器

window.clearInterval(monitor)//定时器

monitor=setInterval(function()\{//返回相差de毫秒数

minseconds=returnDelayTime(initialDate);//设置时间小于定时器de时间则结束触发功能事件

if(setReturnTime

window.clearInterval(monitor);//延时调用de功能事件

hoverFunctionEvent(param);

\}

\},100);

\}//清除鼠标延时定时器

functionremoveEvent()\{

window.clearInterval(monitor);//隐藏动态加载模块

$("\#dialog\_div").hide();

\}//返回相差de时间

functionreturnDelayTime(initialDate)\{//初始时间

varstartTime=initialDate.getTime();//获取当前时间

vardate= newDate();varnowTime=date.getTime();时间差de毫秒数

vardateDiff=nowTime-startTime;//计算出相差天数

vardayDiff=Math.floor(dateDiff/(24 \* 3600 \* 1000));//计算天数后剩余de毫秒数

varleave1=dateDiff%(24\*3600\*1000);//计算出小时数

varhours=Math.floor(leave1/(3600\*1000));

//计算小时后剩余de毫秒数

varleave2=leave1%(3600\*1000);//计算相差分钟数

varminutes=Math.floor(leave2/(60\*1000));

//计算分钟数后剩余de毫秒数

varleave3=leave2%(60\*1000);//计算相差秒数

varseconds=Math.round(leave3/1000);

//计算秒数后剩余de毫秒数

varminseconds=leave3%(60\*1000);//返回相差de毫秒数

returnminseconds;

\}//显示行政班级课程表""功能事件""

functionhoverFunctionEvent(param)\{//显示动态加载模块de内容

varshowDiv=$("\#dialog\_div");

showDiv.css('position','absolute');

showDiv.css('z-index','9999');

showDiv.html("可Ajax动态写入模块内容:"+param);//根据divde DOM Event对象de中间变量thisevent动态定位

showDiv.css('left',parseInt(thisevent.x)+5+parseInt($(document).scrollLeft())+"px");if(parseInt(thisevent.y)-parseInt(showDiv.height())>=0)\{

showDiv.css('top',parseInt(thisevent.y)+parseInt($(document).scrollTop())-parseInt(showDiv.height())+"px");

\}else\{vardivtop=parseInt(showDiv.height())-parseInt(thisevent.y);

showDiv.css('top',parseInt(thisevent.y)+parseInt($(document).scrollTop())-parseInt(showDiv.height())+parseInt(divtop)+"px");

\}

showDiv.show();

\}

定时器之延时触发鼠标悬浮事件

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关如何实现延时触发/定时器

问题微信公众平台后台有一个功能即定时群发消息，如明晚的20:00群发一条图文消息。那么这种延时触发的逻辑如何实现呢？方案一 **每隔一定的时间扫描所有超时...

ゝ一世哀愁。/ 2024年04月19日 10:33/ 0 赞/ 68 阅读

相关 css 鼠标悬浮时变成小手指

只需要在需要的地方添加以下css样式即可： .buttons { cursor: pointer;//悬浮时变手指

爱被打了一巴掌/ 2023年06月25日 03:12/ 0 赞/ 24 阅读

相关 php $delaytime /= $delaytime,定时器之延时触发鼠标悬浮事件

定时器之延时触发鼠标悬浮事件 \}.hoverDiv\{width:100px;height:100px;margin:50px;background:\ECAD9E;bor

秒速五厘米/ 2023年01月16日 03:27/ 0 赞/ 138 阅读

相关鼠标右键触发事件

需求：鼠标右键的时候使用系统自带的打开链接功能如下图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

分手后的思念是犯贱/ 2022年11月25日 05:23/ 0 赞/ 305 阅读

相关 jQuery – 鼠标经过(hover)事件的延时处理

一、关于鼠标hover事件及延时鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现，复杂点的用js。一般情况下，我们是

曾经终败给现在/ 2022年08月26日 13:27/ 0 赞/ 233 阅读

相关电脑触摸屏上的鼠标事件触发

前段时间做的录音小软件因为最终要在电脑触摸屏上使用，测试过程中发现出错，原来一直按着触摸屏的屏幕是点击右键，并且在多次测试的过程中发现触摸屏对一直按着屏幕弹起这

电玩女神/ 2022年08月25日 08:42/ 0 赞/ 201 阅读

相关 linux之延时及内核定时器的使用

想要在内核中的实行短的延时我们可以看这两个头文件linux-3.0.1\\include\\linux下的delay.h和linux-3.0.1\\arch\\arm\\inc

浅浅的花香味﹌/ 2022年06月13日 03:58/ 0 赞/ 256 阅读

相关 JavaScript-定时器的使用之延时提示框

JavaScript\-定时器的使用之延时提示框知识点： 1.定时器 1）开启定时器：setTimeout() 2)关闭定时器：clearTimeout()

电玩女神/ 2022年06月11日 07:24/ 0 赞/ 201 阅读

相关 jquery鼠标右键触发事件

$("id").bind("contextmenu", function () { alert("点击了右键"); return fal

叁歲伎倆/ 2022年05月15日 12:46/ 0 赞/ 433 阅读

相关 javascript模拟（触发）鼠标事件

　　\[b\]感言：\[/b\] 　　苦逼的程序员经常遇到种种奇怪的需求，经常要想些奇怪的方法来解决问题。　　\[b\]场景：\[/b\] 　　最近用一个插

我就是我/ 2022年04月11日 13:13/ 0 赞/ 3028 阅读