<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Date的应用</title>
</head>
<body>
<h3>当前系统时间是</h3>
<span id="spanTip"></span>
</body>
<script>
//需要通过id属性值获取span标签对象
//var span = document.getElementById("spanTip") ;
//任何标签中都有设置文本内容的属性:
//innerText :设置标签的普通文本内容
//innerHTML:不仅可以设置普通文本,还指定标签元素(推荐)
//span.innerText = "<h4>2020-9-20</h4>" ;
//span.innerHTML = "<h4>2020-10-1 8:20:30</h4>";
function GenerDate(){
//拼接出年月日十分秒
//创建一个日期对象
var date=new Date();
//拼接后字符串的时间
var dateStr=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()
+"  "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
//通过id获取span标签对象
var span=document.getElementById("spanTip");
span.innerHTML=dateStr;
}
var taskId=window.setInterval("GenerDate()",10);
//window.clearInterval(taskId) ;
//设置定时器:
//window.setInterval("任务函数",毫秒数):每经过毫秒数重复执行当前这个任务
//window.setTimeout("任务函数",毫秒数):经过毫秒数后执行一次任务
</script>
</html>