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() 方法, 在创建执行定时操作时要使用全局变量:
以上就是javascript如何实现计时功能?的详细内容,更多请关注易知道|edz.cc其它相关文章!