setInterval（）定时器

最新推荐文章于 2024-03-17 14:56:48 发布

blorse2

最新推荐文章于 2024-03-17 14:56:48 发布

阅读量646

点赞数

分类专栏： Javascript

Javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的setInterval()方法用于定期执行某段代码，以及clearInterval()方法用于取消已设置的定时器。文章通过示例代码解释了如何使用这两个方法创建和停止动画效果，并展示了在HTML中应用的简单示例。

摘要由CSDN通过智能技术生成

菜鸟学习记1

setInterval() 作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。setInterval(function(),time); 单位是毫秒

可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：
setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

.clearInterval() 取消对 code 的周期性执行的值

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/demo.js"></script>
</head>

<body>
<div id="test"></div>
<input type="button" value="提交" οnclick="test()" />
</body>

</html>

#test{width:80px;
height:90px;
border:1px solid #000;}

function test()
{
var i=0;
var time;
time=setInterval(function(){
i++;
document.getElementById("test").innerText=i;
},1000);
}