请问下面的HTML程序为什么没有显示内容？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML教程()</title>
<script>function getTime() {var date = new Date();var time = date.toLocalString();var span = document.getElementById('span1')span.innerHTML=time}
当前的时间是：<span id='span1'></span>
window.setInterval("getTime()",1000)</script>
</head>
<body οnlοad="getTime"></body>
</html>
这段HTML程序没有显示内容的原因是程序中有一些语法错误和逻辑错误。
以下是修改后的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML教程()</title>
<script>function getTime() {var date = new Date();var time = date.toLocaleString(); // 此处修正为toLocaleString()var span = document.getElementById('span1');span.innerHTML = time;}window.setInterval(getTime, 1000); // 此处修正为getTime()函数的引用window.onload = getTime; // 此处修正为给onload事件赋值函数getTime，加上括号表示调用函数</script>
</head>
<body>当前的时间是：<span id='span1'></span></body>
</html>
修改后的代码修复了以下错误：
date.toLocalString()应该为date.toLocaleString()span.innerHTML = time应该在span变量之后加上分号window.setInterval("getTime()",1000)应该为window.setInterval(getTime, 1000)，去掉引号和括号<body onload="getTime">应该为<body onload="getTime()">，加上括号表示调用函数<span id='span1'></span>应该在<body>标签中
修改后的代码加载页面时会自动调用 getTime 函数，然后每隔1秒钟更新一次时间。
能看出前段代码的错误之处么？运行一下试试看。
为了让显示内容居中，应在<head>中加入css格式如下：
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
</style>
在试试看。
