JavaScript 中可以使用 setInterval()方法实现计时功能, setInterval()方法可按照指定的周期 (以毫秒计) 来调用函数或计算表达式.
JavaScript 实现计时功能的方法代码:
- optionSearch();
- function optionSearch() {
- // 定义一个清除计时器的变量
- var timer = null;
- // 自选标题区域
- $("#optional-title th").hover( function(){
- // 第一步首先清除一遍计时器
- clearInterval(timer);
- // 鼠标经过内容显示
- $("#optional-search").slideDown();
- }, function(){
- // 鼠标离开的时候计时器五秒后隐藏内容
- timer = setInterval(function(){
- $("#optional-search").slideUp();
- }, 5000);
- });
- // 自选搜所区域
- $("#optional-search").hover(function(){
- // 鼠标进入搜索区域, 显示该区域并清除计时器
- $(this).show();
- clearInterval(timer);
- }, function(){
- // 鼠标离开该区域执行计时器
- timer = setInterval(function(){
- $("#optional-search").slideUp("");
- }, 5000);
- });
- }
实现功能: 鼠标移到标题显示搜索框, 鼠标离开后 5s 后隐藏. 鼠标移动搜索区域, 显示该区域, 离开该区域 5s 后隐藏.
setInterval() 方法:
setInterval() 方法可按照指定的周期 (以毫秒计) 来调用函数或计算表达式.
setInterval() 方法会不停地调用函数, 直到 clearInterval() 被调用或窗口被关闭. 由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数.
提示: 1000 毫秒 = 1 秒.
clearInterval() 方法:
clearInterval() 方法可取消由 setInterval() 函数设定的定时执行操作.
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值.
注意: 要使用 clearInterval() 方法, 在创建执行定时操作时要使用全局变量:
来源: http://www.css88.com/qa/javascript/11770.html