setTimeout 延时定时器的使用小案例
来源:互联网 发布:化学博士就业前景 知乎 编辑:程序博客网 时间:2024/05/22 09:48
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
<script type="text/javascript">
window.onload=function(){
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width:50px;height:50px;background-color:red;margin:5px;float: left;
}
#div2{
width:200px;height: 200px;background-color:greenyellow;display: none;
}</style>
<script type="text/javascript">
window.onload=function(){
var oDiv1=document.getElementById('div1');
var oDiv2=document.getElementById('div2');
var timer=null;
oDiv1.onmouseover=oDiv2.onmouseover=function(){
clearTimeout(timer);oDiv2.style.display='block';
}
oDiv1.onmouseout=oDiv2.onmouseout=function(){
timer=setTimeout(function(){oDiv2.style.display='none';},1000);
}}
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
0 0
- setTimeout 延时定时器的使用小案例
- 定时器setTimeout的应用---延时提示框
- js定时器setInterval、setTimeout的使用
- 使用js的定时器setTimeout()实现加载进度条效果
- Javascript基础——定时器的使用及简单小应用(简易时钟1、延时提示框)
- 【STM32小案例 07 】STM32完美可用的延时程序,自用延时程序库,直接调用
- 定时器(setTimeout)的秘密
- 两个定时器/计时器配合使用实现500MS的延时
- linux之延时及内核定时器的使用
- linux之延时及内核定时器的使用
- JavaScript-定时器的使用之延时提示框
- setTimeout延时0毫秒的作用
- setTimeout延时0毫秒的作用
- setTimeout延时0毫秒的作用
- setTimeout延时0毫秒的作用
- setTimeout延时带参的函数
- setTimeout延时0毫秒的作用
- setTimeout延时0毫秒的作用
- shell判断文件或文件夹是否存在
- vector<char> to string
- unity在安卓下的播放在线视频,但不能做全景视频
- listview 带轮播的上拉刷新下拉刷新
- 阿里巴巴矢量图标库
- setTimeout 延时定时器的使用小案例
- 解决VMware里面CentOS不能联网的问题
- [BZOJ1485][HNOI2009]有趣的数列 catalan数
- hackinglab.cn脚本关之一
- android adb启动失败问题
- Unity性能优化之内存篇(下)
- Processing I/O Operations
- 如何将 HTML5 性能发挥到极致
- iOS打包成 ipa包