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>
<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>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
原因在这里，你直接写stop Interval，此时button的type属性默认是submit，导致一点击button就把你的form表单提交了，由于你的form没有指明action，就默认是当前页面，所以页面会有一次刷新，其实js代码是执行了的，但是由于页面的刷新让你感觉上好像没有效果似的。写成stop Interval就ok了。
2019-07-17 19:01:43赞同 展开评论
问答标签：
相关问答