setInterval()实现时间刷新

最新推荐文章于 2025-05-29 23:26:41 发布

原创最新推荐文章于 2025-05-29 23:26:41 发布 · 4.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#setInterval()实现刷新时间 #setInterval（）

JS实时代码专栏收录该内容

1 篇文章

订阅专栏

本文介绍了JavaScript的setInterval()方法，用于周期性地执行指定的函数或代码，直到clearInterval()被调用。详细讲解了setInterval()的语法及使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setInterval()

什么是setInterval()？

setInterval()是Window对象的一个方法。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

setInterval()语法：

setInterval(code,millisec)

code必需。要调用的函数或要执行的代码串。

millise必须。周期性调用或执行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>
<script type="text/javascript">
function showtime(){
	var va=document.getElementById("di")
	var tim=new Date()
	var year=tim.getFullYear();
	var mon=tim.getMonth();
	var dat=tim.getDate();
	var ho=tim.getHours();
	var mi=tim.getMinutes();
	var se=tim.getSeconds();
	var day=tim.getDay();
	var times= year+"年"+mon+"月"+dat+"日"+ho+"时"+mi+"分"+se+"秒"+"星期"+day
	va.innerHTML=times
	}
	function show(){
		window.setInterval(showtime,1000)
		}
</script>
</head>

<body onload="show()">
<span id="di"></span>
</body>
</html>