html如何编写计时,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() 方法, 在创建执行定时操作时要使用全局变量：