获取焦点时,利用js定时器设定时间执行动作_javascript技巧

js教程评论806 views阅读模式

进入正题,先说说定时器。

在javascritp中,有两个关于定时器的专用函数,分别为:

1.倒计定时器:timename=setTimeout("function();",delaytime);

2.循环定时器:timename=setInterval("function();",delaytime);

第一个参数“function()”是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用“;”隔开即可。比如要弹出两个警告窗口,便可将“function();”换成

“alert('第一个警告窗口!');alert('第二个警告窗口!');”;而第二个参数“delaytime”则是间隔的时间,以毫秒为单位,即填写“5000”,就表示5秒钟。

  倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。

比如你打开一个页面后,想间隔几秒自动跳转到另一个页面,则你就需要采用倒计定时器“setTimeout("function();",delaytime)” ,而如果想将某一句话设置成一个一个字的出现,

则需要用到循环定时器“setInterval("function();",delaytime)” 。

获取表单的焦点,则用到document.activeElement.id。利用if来判断document.activeElement.id和表单的ID是否相同。

比如:if ("mid" == document.activeElement.id) {alert();},"mid"便是表单对应的ID。

一下略举两例。

例1.表单触发或加载时,逐字输出字符串

复制代码 代码如下:



无标题文档

例2.当焦点在输入框的时候,定时检查输入框信息,焦点不在时不执行检查动作。

复制代码 代码如下:



无标题文档

例3.下面这个是最简单的例子,定时器时间到达后弹出警告窗口。

复制代码 代码如下:



企鹅博客
  • 本文由 发表于 2020年9月24日 07:49:01
  • 转载请务必保留本文链接:https://www.qieseo.com/380240.html

发表评论