checkされていたら30秒毎に自動更新

Question

チェックボックスにチェックが入っていたら30秒に一回更新するjsを作りたいです。

javascriptに疎くチェックボックスの状態を常に監視する処理がよくわからず。。。
更新は以下で良いのかなと思っております。

setTimeout("location.reload()",30000);

ご教示いただければ幸いです。

Answer 1

丸投げの質問をする前に以下をググって試行錯誤しましょう

addEventListener
setInterval

JavaScriptに疎いってのは丸投げして良い理由にならんよ、君

Answer 2

ユーザーが任意にチェックボックスにチェクをした場合
リロードするとそのチェックは外れます
チェックボックスを継承する仕組みがないかぎりリロードされるのは1回だけです。
以下パラメーターへチェック情報を付加する処理をいれてあります

window.addEventListener('DOMContentLoaded', function(e){
  var timerId;
  var delay=30000;
  if(getParam("c")){
    document.querySelector('[name=c]').checked=true;
    timerId=setTimeout(function(){
      location.reload();
    },delay);
  }
  document.querySelector('[name=c]').addEventListener('change',function(e){
    clearTimeout(timerId);
    if(e.target.checked) timerId=setTimeout(function(){
      if(getParam("c")){
        location.reload();
      }else if(location.href.indexOf("?")>-1){
        location.href=location.href+"&c=1";
      }else{
        location.href=location.href+"?c=1";
      }
    },delay);
  });
});
function getParam(str){
  var ret=null;
  location.search.substr(1).split("&").forEach(function(x){
    if(r=x.match(new RegExp("^"+str+"=(.+)"))) ret=r[1];
  });
  return ret;
}

<input type="checkbox" name="c" value="1">

Answer 3

https://jsfiddle.net/ghost7492/Lqyro1v8/3/