zoukankan html css js c++ java

JS Window对象计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。

计时器setInterval()

在执行时,从载入页面后每隔指定的时间执行代码。

语法:

setInterval(代码,交互时间);

参数说明：

1. 代码：要调用的函数或要执行的代码串。

2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。

返回值:

一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数):

setInterval("clock()",1000)
或
setInterval(clock,1000)

我们设置一个计时器，每隔100毫秒调用clock()函数，并将时间显示出来，代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
  var int=setInterval(clock, 100)
  function clock(){
    var time=new Date();
    document.getElementById("clock").value = time;
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
  </form>
</body>
</html>

任务

补充右边编辑器第10行，获取时间，格式"时:分:秒"，并赋值给attime。

补充右边编辑器第13行，使用setInterval()计时器来显示动态时间。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
	var time = new Date();
	var hour = time.getHours();
	if(hour<10)
	{
		hour = "0"+hour;
	}
	var minu = time.getMinutes();
	if(minu<10)
	{
		minu = "0"+minu;
	}
	var sec = time.getSeconds();
	if(sec<10)
	{
		sec = "0"+sec;
	}
	attime = hour+":"+minu+":"+sec;
	document.getElementById("clock").value = attime;
}
attime = setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  />
</form>
</body>
</html>

查看全文

相关阅读:
解决问题redis问题：ERR Client sent AUTH, but no password is set
关于使用Git的几点小技巧
 解决linux中使用git，ssh每次都要输入密码
 No package tomcatX available. 解决办法
 关于spring定时任务被多次调用的问题
 vue 非常规跨域实现 proxyTable 设置及依赖
 css 3 获取设备宽度的方法
 ionic 文本域文字输入监听事件
 Ionic3学习基础之Input组件
 微信小程序tabBar使用

原文地址：https://www.cnblogs.com/yongbin668/p/5592740.html

JS Window对象 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。

计时器setInterval()

任务

JS Window对象计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。