javascript如何实现计时功能?

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() 方法, 在创建执行定时操作时要使用全局变量:

以上就是javascript如何实现计时功能?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读