- 页面上有两个radio，选中第一个页面数据实时5s刷新一次，另外一个则是静态数据
-
怎么监听用户是否选中了第一个radio，第一个radio选中则每隔5s刷新数据，当切换
回第二个radio时，则不再动态刷新数据，如果继续选中第一个radio,则继续每隔5s
刷新一次，两个radio可以随用户自己意愿自由切换
0
<!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