<html>
<head>
<meta charset=”utf-8″>
<title>10_网页时钟</title>
</head>
<body>
<h3>当前系统时间是:</h3>
<span id=”spanTip”></span>
</body>
<script>
function generateDate(){
//1)获取当前系统时间
//1.1)创建日期对象
var date = new Date() ;
//1.2)拼接出来时间字符串
var dateStr = date.getFullYear()+”-“+(date.getMonth()+1)+”-”
+date.getDate()+” ”+date.getHours()+”:”+date.getMinutes()+”:”+
date.getSeconds() ;
//2)dom(文档对象模型编程)操作:
//2.1)获取id=”spanTip” 所在的span标签对象
var span = document.getElementById(“spanTip”) ;
//2.2)设置span标签的文本内容
span.innerHTML =”<h3>”+dateStr+”</h3>” ;
}
//3)开启网页定时器
//setInterval(“定时任务()”,时间毫秒值):每经过时间毫秒值重复执行这个定时任务..
//setTimeout(“定时任务()”,时间毫秒值):经过这个毫秒值之后,执行一次定时任务..
setInterval(“generateDate()”,1000) ; //每1秒重复执行生成时间的任务
</script>
</html>