Javascript 需要根据jquery中的选择框值每隔X秒刷新一个页面

代码：

var区间=0；
var自动刷新=0；
$（文档）.ready（函数（）{
警报（“hi”）；
$（'#重新加载间隔'）。更改（函数（）{
var reload=$（this.val（）；
间隔=重新加载*1000；
如果（重新加载！=''）{
自动刷新=设置间隔（函数（）{
警报（间隔）；
控制台日志（间隔）；
}，间隔）；
}否则{
clearInterval（自动刷新）；
}
});
});
换装间隔
30秒
45秒
60秒

第一次，一切正常。之后，如果我选择60秒或45秒，它将在达到45秒或60秒之前加载

---

哪里出错了？

在设置新的间隔之前，需要清除上一个间隔

var区间=0；
var自动刷新=0；
$（文档）.ready（函数（）{
$（'#重新加载间隔'）。更改（函数（）{
var reload=$（this.val（）；
间隔=重新加载*1000；
如果（自动刷新）{
clearInterval（auto_refresh）；//在设置新的间隔之前，请清除以前的间隔
}
如果（重新加载）{
自动刷新=设置间隔（函数（）{
snippet.log（间隔）；
}，间隔）；
}
});
});

1.
2.
4.
6.

<script>
   var interval =0;
   var auto_refresh= 0;
   $(document).ready(function() {
       alert("hi");
       $('#reload_interval').change(function() {
           var reload   = $(this).val();
           interval = reload * 1000;
           if(reload !='') {
               auto_refresh = setInterval(function() {
                   alert(interval);
                   console.log(interval);               
               }, interval);
           }else {
               clearInterval ( auto_refresh );
           }
       });
   });
</script>
<select id="reload_interval" name="reload_interval">
    <option value="">Reload Interval</option>
    <option value="30">30 Secs</option>
    <option value="45">45 Secs</option>
    <option value="60">60 Secs</option>
</select>