javascript如何实现计时功能?

摘要:JavaScript中可以使用setInterval()方法实现计时功能,setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

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


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_8077