页面上有两个radio,选中第一个页面数据实时5s刷新一次,另外一个则是静态数据

怎么监听用户是否选中了第一个radio,第一个radio选中则每隔5s刷新数据,当切换
回第二个radio时,则不再动态刷新数据,如果继续选中第一个radio,则继续每隔5s
刷新一次,两个radio可以随用户自己意愿自由切换

 <!DOCTYPE html>
<html>
<body>
<input name="button" type="radio" value="" onclick="radioClick('1')">启动</>
<input name="button" type="radio" value="" onclick="radioClick('0')">停止</>
<div id="show"></div>
<script>
var i=0;
var flag=0;
function radioClick(status){
   if(status==1){
      start();
   }else{
      stop();
   }
}
function start(){
  flag = 1;
  setTimeout(refresh,2000);
}
function stop(){
  flag = 0;
}
function refresh(){
   if(flag){
     i++;
     document.getElementById('show').innerHTML = i+"";   
     start();
   }
}
</script>
</body>
</html>

js事件绑定能行不,onchange

在页面中加一个标记,hidden类型的,选中这个radio的时候就执行一个function,function判断是否为第一个radio,如果第一个,则运行一个时间周期为5秒的方法,并且五秒之后再判断页面中的标记是否为可执行(在用户选中除第一个以外的radio的时候则把标记设置为不可执行);

定义一个变量,点击radio,控制变量,设置true或false。

给个全局变量,如果选中你需要的就变为1不是的就是0,这样的话就可以控制了,至于时间的话可以用定时器setInterval,然后进行clearInterval 就可以了