定时器

最新推荐文章于 2018-09-10 15:26:33 发布

VVVGG

最新推荐文章于 2018-09-10 15:26:33 发布

阅读量180

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/VVVZCS/article/details/82081217

版权

JavaScript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

setInterval(function () {

},time)

每隔time的时间，无限制的循环function内的代码

time无法更改，他还是1000；

那我们现在来看看setInterval是否准

所以，setInterval是不准的

现在来看一下setInterval的返回值

每一个定时器都会返回一个数字，作为他的唯一表示

所以我们也就有了清楚定时器的方法

--------------------------------------------------------------------

   setTimeout(function () {
       console.log('123');
   }, 1000);

推迟代码运行，在相应的毫秒数之后，再运行，且只运行一次

clearTimeout(); 清楚setTimeout

做一个三分钟的定时器

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>VVVGG</title>
	<link rel="stylesheet" type="text/css" href="lesson1.css">
	<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		input{
			border: 1px solid black;
			text-align: right;
			font-size: 20px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	minutes:<input type="text" name="" value="0">
	seconds:<input type="text" name="" value="0">
</body>
<script type="text/javascript" charset="utf-8">
	var input = document.getElementsByTagName('input');
	var minutes = 0;
	var seconds = 0;
	var timer = setInterval(function () {
		minutes = parseInt(input[0].value);
		seconds = parseInt(input[1].value);
		seconds += 1;
		if(seconds == 60) {
			seconds = 0;
		   minutes += 1;
		}
		input[0].value = minutes;
		input[1].value = seconds;
		if(minutes == 3) {
			clearInterval(timer);
		}
	}, 200)
</script>
</html>

VVVGG

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
定时器

setInterval(function () { },time)每隔time的时间，无限制的循环function内的代码time无法更改，他还是1000；那我们现在来看看setInterval是否准所以，setInterval是不准的现在来看一下setInterval的返回值每一个定时器都会返回一个数字，作为他的唯一表示所以我们也...
复制链接

扫一扫

专栏目录