<!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 onclick="ti=window.clearInterval(ti)">stop Interval</button>
</form>
</body>
</html>
为什么这样按钮会没有用呢,而button用以下的方法就可以呢
<!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>
<input type="button" value="stop Interval" onclick="ti=window.clearInterval(ti)" />
</form>
</body>
</html>
你用
直接上代码,不懂你说的什么
不是有onclick()方法的么?
楼主,原因在这里,你直接写stop Interval,此时button的type属性默认是submit,导致一点击button就把你的form表单提交了,由于你的form没有指明action,就默认是当前页面,所以页面会有一次刷新,其实js代码是执行了的,但是由于页面的刷新让你感觉上好像没有效果似的。写成stop Interval就ok了。
楼主,原因在这里,你直接写button没有指定type属性,此时button的type属性默认是submit,导致一点击button就把你的form表单提交了,由于你的form没有指明action,就默认是当前页面,所以页面会有一次刷新,其实js代码是执行了的,但是由于页面的刷新让你感觉上好像没有效果似的。给button加上type="button"就ok了。
你不用它放在那里干嘛为什么不直接用js函数呢
<form>因为这个原因