javascript之setTimeout定时器
2016-06-08 11:41
393 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> * { margin:0px; padding:0px;} #qq {width:200px; height:400px; background-color:#BB8687; margin-top:10px; margin-left:10px;} #title {width:180px; height:200px; background-color:#6FE1EF; position:absolute; left:220px; top:10px; display:none;} </style> <script> window.onload = function(){ var qq = document.getElementById('qq'); var title = document.getElementById('title'); qq.onmouseover = block; qq.onmouseout = none; title.onmouseover = block; title.onmouseout = none; etime = null; function block(){ clearTimeout( etime ) title.style.display = 'block'; } function none(){ etime = setTimeout(function(){ title.style.display = 'none'; },500); } } </script> </head> <body> <div id="qq"></div> <div id="title"></div> </body> </html>
相关文章推荐
- PDF.js 检测文件是否加载完成
- js的常见函数
- JS获取URL传递过来的参数值
- 常用的js正则总结
- JS 继承
- JS 继承
- 基于浏览器的并发请求分段上传百MB文件,加MD5片段验证和断点续传
- JS获取地址栏参数的方法
- javascript function getStyle()样式取值兼容方法
- JS生成某个范围的随机数(四种情况)
- json解析工具类
- 不依赖浏览器控制台的JavaScript断点调试方法
- js数组清空和添加数据
- 在arcgis javascript 的sdk中 地图自动居中和放大 到一个graphic的位置.并且自动打开InfoWindow
- json串解析问题
- onedrive-d WARNING: Dummy-2: failed to dump config to file .onedrive/config_v2.json
- JavaScript单体模式
- JS深入了解闭包
- javascript学习——样式
- JavaScript中style.left与offsetLeft的使用及区别详解