若使用<form></form>创建按钮,应该使用:<form><input type="button" / ></form>,否则按钮并不能实现它的一些功能,比如说onclick;使用button则可以直接用<button></button>。
如下列html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var ti=self.setInterval("putclock()",50);
function putclock(){
var t = new Date();
document.getElementById("clock").value=t;
}
</script>
<form>
<button οnclick="ti=window.clearInterval(ti)">stop Interval</button>
</form>
</body>
</html>
按下按钮是不能实现停止计时的,而把
<form>
<span style="white-space:pre"> </span><button οnclick="ti=window.clearInterval(ti)">stop Interval</button>
</form>
换成
<form>
<span style="white-space:pre"> </span><input type="button" value="stop Interval" οnclick="ti=window.clearInterval(ti)" />
</form>
或者
<button οnclick="ti=window.clearInterval(ti)">stop Interval</button>
之后就可以实现停止计时的功能啦!