网站实时秒表实现-前端JS经典实战

最新推荐文章于 2024-09-13 22:18:41 发布

l_fireworks

最新推荐文章于 2024-09-13 22:18:41 发布

阅读量287

点赞数

分类专栏： web前端文章标签： javascript

本文链接：https://blog.csdn.net/l_fireworks/article/details/108867556

版权

web前端专栏收录该内容

25 篇文章 2 订阅

订阅专栏

1. setInterval函数
setInterval是一个实现定时调用的函数，可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。由setInterval返回的ID值可用作clearInterval方法的参数。
2. 操作HTML
使用 document.getElementById(id) 方法，访问JavaScript某个 HTML 元素。
使用 “id” 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容。

网站实时秒表实现代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta chaset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<h1 id="mytime" style="text-align: center;">时间显示</h1>
</body>
<script>
setInterval(function(){
	// body...
	time = new Date();
	year = time.getFullYear();
	month = time.getMonth()+1;
	day = time.getDate();
	hour = time.getHours();
	minute = time.getMinutes();
	second = time.getSeconds();
	str = year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;

	document.getElementById('mytime').innerHTML = str;
},1000);
</script>
</html>