在html如何实现点击按钮页面不断刷新，在点击一次则停止刷新

Question

也就是，在一个页面中有且只有一个按钮，当我点击这个按钮的时候就开始自动刷新，然后当我再次点击这个按钮的时候则页面停止刷新，请问要如何实现？

Answer 1

1、可以使用定时器setInteval()方法来实现不断刷新

2、当点击按钮之后，执行方法利用clearInterval方法将定时器停止

代码如下：

$(function(){
    var obj = setTimeout(定向的页面, 2000); // æ¯2秒刷新一次页面
    $("#but_stop").click(function(){
        clearInterval(obj); // ç‚¹å‡»å³åœæ­¢åˆ·æ–°
    });
});

Answer 2

用cookie判断
因为你每次刷新时，js什么的都是重新加载的，但是cookie是不变的，所以你可以通过js每次加载时都判断cookie里面的某个值
如果符合继续刷新，如果不符合停止刷新
而你这个按钮就是让这个cookie失效
希望能帮助到你本回答被提问者和网友采纳

Answer 3

1、可以使用定时器setInteval()方法来实现不断刷新
2、当点击按钮之后，执行方法利用clearInterval方法将定时器停止
代码如下：

$(function(){
var obj = setTimeout(定向的页面, 2000); // 每2秒刷新一次页面
$("#but_stop").click(function(){
clearInterval(obj); // 点击即停止刷新
});
});