js定时器的使用(实例讲解)

最新推荐文章于 2023-04-17 09:54:01 发布

VIP文章 xinghuo0007

最新推荐文章于 2023-04-17 09:54:01 发布

阅读量1.4k

点赞数 1

分类专栏： JavaScript笔记文章标签：函数实例 javascript

本文链接：https://blog.csdn.net/xinghuo0007/article/details/53432307

版权

原文地址：http://www.jb51.net/article/45215.htm
下面是我按照上面网址内容整理的。

本人就知道怎么多了，如果大家还知道什么方法可以给我留言，大家一起学习交流！如果本文有能帮助到您的地方，那将是我的万分荣幸！ 同时，也方便你给点一下赞，谢谢！

一、在javascritp中，有两个关于定时器的专用函数，分别为：

1.倒计定时器：timename=setTimeout("function();",delaytime);
2.循环定时器：timename=setInterval("function();",delaytime);

参数说明：

第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔开即可。

比如要弹出两个警告窗口:
便可将“function();”换成“alert('第一个警告窗口!');alert('第二个警告窗口!');”；

而第二个参数“delaytime”则是间隔的时间，以毫秒为单位，即填写“5000”，就表示5秒钟。

功能说明：

1.倒计时定时器:  是在指定时间到达后触发事件

2.而循环定时器:  就是在间隔时间到来时反复触发事件，

3.两者的区别在于: 前者只是作用一次，而后者则不停地作用。

二、解除定时器函数

clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象

以下是案例程序：
注意：看清楚案例中的编码—不是utf-8的，注意。。。。

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
var str = "这个是测试用的范例文字";
var seq = 0;
var second=1000; //间隔时间1秒钟
function scroll() {
    
msg = str.substring(0, seq+1);
document.getElementByIdx_x_x('word').innerHTML = msg;
seq++;
if (seq >= str.length) seq = 0;
}
</script>
</head>
<body onload="setInterval('scroll()',second)">
<div id="word"></div><br/><br/>
</body>
</html>

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


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<m

最低0.47元/天解锁文章

xinghuo0007

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js定时器的使用(实例讲解)

原文地址：http://www.jb51.net/article/45215.htm 下面是我按照上面网址内容整理的。本人就知道怎么多了，如果大家还知道什么方法可以给我留言，大家一起学习交流！如果本文有能帮助到您的地方，那将是我的万分荣幸！同时，也方便你给点一下赞，谢谢！一、在javascritp中，有两个关于定时器的专用函数，分别为：1.倒计定时器：timename=setTimeout("f
复制链接

扫一扫