<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计时器 </title>
</head>
<body>
小闹钟:<span id="clock"></span>
<script type="text/javascript">
//获取span的id
var clock_obj = document.getElementById("clock");
//新建一个变量接收时间
var time_now = 0;
//新建一个变量接收秒数
var count = 0;
//window.setInterval(要循环的函数,秒数);
var timer_id = window.setInterval("showTime()",1000);
//定义一个显示时间的函数
function showTime()
{
//给函数赋值一个时间
time_now = new Date();
time_now = time_now.toLocaleString();
//innerHTML是给标签加内容,前提是要得到标签的id
clock_obj.innerHTML = time_now;
//判断运行了多少秒
count++;
//如果到了10秒 就执行停止方法
if(count == 10)
{
//这是时钟停止的方法,要给时钟的id进去
clearInterval(timer_id);
}
}
</script>
</body>
</html>
