本文介绍了一个简单的HTML页面，该页面使用JavaScript每隔一秒更新显示的当前时间，包括日期和具体时刻。此示例适合初学者理解如何结合HTML与JavaScript实现基本的网页动态效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<h1> </h1>
<h2 id='time'></h2>
</body>
<script>
window.onload=function(){
function getCurrentDatetime() {
var pad = function (n) {
return n < 10 ? '0' + n : n;
}
date = new Date();
var nowt=date.getFullYear() + '-' + pad(date.getMonth() + 1) + '-' + pad(date.getDate()) + ' ' + pad(date.getHours()) + ':' + pad(date.getMinutes()) + ':' + pad(date.getSeconds());
document.getElementById('time').innerHTML=nowt;
setTimeout(getCurrentDatetime,1000);
}
getCurrentDatetime();
}
</script>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
