javascript中clearTimeout不能这样用吗?

发布网友发布时间：2022-04-25 01:42

共4个回答

懂视网时间：2022-04-25 06:03

定义和用法

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

语法

参数	描述
id_of_settimeout	由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

需求：当鼠标放到父级菜单上面的时候，显示下方的子菜单。鼠标从子菜单或者父级菜单上面移开的时候，子菜单要收起来。最终效果如下：

PS：这样需求很常见，最常见的做法是li元素下面再嵌套一个Ul元素来包含子元素。这种做法用css就可以完全控制。但今天这个子菜单和导航栏是分开的。即到鼠标到产品上面的时候显示header-tags块。

这无法用css完全控制(hover只能控制子元素或兄弟元素)。

上面的情况就要用脚本了。这里涉及到#header_tags和.header-tags两个元素的移入移出。当鼠标移入#header_tags，.header-tags显示，当鼠标再移入.header-tags的时候不能立即触发#header_tags的moveout事件，而要保持tags继续显示。只有到鼠标从#header_tags和.header-tags离开后没有再进入才会把子菜单收起来。

如果这里没有清除定时器和加上延时执行，导航栏就会不断的闪动。根本无法点击。

热心网友时间：2022-04-25 03:11

定义和用法

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

语法

clearTimeout(id_of_settimeout)

参数

id_of_settimeout 由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

下面的例子每秒调用一次 timedCount() 函数。您也可以使用一个按钮来终止这个定时消息：
<html>
<head>
<script type="text/javascript">
var c=0
var t
  function timedCount()
  {
      document.getElementById('txt').value=c
      c=c+1
      t=setTimeout("timedCount()",1000)
  }
  function stopCount()
  {
      clearTimeout(t)
  }
</script>
</head>
<body>

<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>

</body>
</html>

热心网友时间：2022-04-25 04:29

var t;
function timer()
{
alert('3 seconds');

}
t = setTimeout(timer , 3000);
function tms()
{
clearTimeout(t);
}
你在var t=setTimeout("alert('3 seconds')",3000);
这里重新声明了t，而在后面clear的是全局的T,那个t里并没有setTimeout对象，所以没用

热心网友时间：2022-04-25 06:04

t不在function tms()的作用域里。t被声明了两次。
去掉var t=setTimeout("alert('3 seconds')",3000); 中的var,可以解决