<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type ="text/javascript" src="js/new_file.js"></script>
</head>
<body>
<input type="button" value="停止按钮" onclick="my()">
<input type="button" value="开始按钮" onclick="ks()">
<input type="button" value="关闭窗口" onclick="gb()">
</body>
</html>
做两个简单的按钮具体要实现的作用都已经写在按钮上了
然后我们在来将这几个按钮的作用在js外部样式中实现
//setInterval()方法
function aa()
{
var p=document.getElementById("sj")
var today=new Date();//返回当前日期和时间
var n=today.getFullYear();//返回年
var y=today.getMonth();//返回月
var r=today.getDate();//返回日
var s=today.getHours();//返回时
var f=today.getMinutes();//返回分
var m=today.getSeconds();//返回秒
p.innerHTML=(n+"年"+(y+1)+"月"+r+"日"+sx+":"+s+"时"+f+"分"+m+"秒");
}
ss=setInterval(aa, 1000 );
function my()
{
clearInterval(ss);//停止
}
function ks()
{
ss=setInterval(aa, 1000 );//开始
}
function gb()
{
window.close()//关闭窗口
}