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

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

0

5个回答

 <!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>
1

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

1

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

1

js事件绑定能行不,onchange

0

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!