JS中clearInterval导致定时重置的问题

[Olivert_Vz]

写了一段自动弹出广告后可手动关闭的JS代码，
在button.onclick下加入了clearInterval方法，可每次点击却让计时器重头开始。
求助，代码如下：

<script type="text/javascript">
window.onload = function(){
var time = 50;
function $(id){return document.getElementById(id);}
function ad(){
if(time<0){
$('ad').style.display="none";
}else{
$('adtxt').innerHTML=time+"秒后自动关闭广告";
time--;
}
}
ad();
var initiate = setInterval(ad,1000);
$('off').onclick = function(){
$('ad').style.display="none";
clearInterval(initiate);
}
}
</script>

[天际的海浪]

js代码没问题 只是那个off按钮要用普通的按钮，不要用表单的提交按钮。提交按钮会让页面刷新的。 <button>Button Text</button>的默认就是提交按钮。要加入type="button"设置为普通按钮

[Olivert_Vz]

引用 1 楼 jslang 的回复:

js代码没问题 只是那个off按钮要用普通的按钮，不要用表单的提交按钮。提交按钮会让页面刷新的。 <button>Button Text</button>的默认就是提交按钮。要加入type="button"设置为普通按钮

十分感谢， 自己看了半天愣是没考虑到刷新和跳转的问题，应该是我用了a标签加了超链接导致的了。