Javascript：ON-OFFボタンでウェブページを繰り返し自動更新する

Question

JavaScriptを使用して自分のウェブページを自動更新するときに、2つのボタンでオートリフレッシュ機能をオン/オフにすることができます。ボタンは<label>と<input>タグを使用しています）。私はコードを書くために最善を尽くしましたが、正しく機能するようにこれら2つのコードをリンクする方法はまだ分かりません。

また、オートリフレッシュのボタンをオンにした場合、オートリフレッシュを1回だけ行うのではなく、最初のロード後にオートリフレッシュを継続しておきたいと思います。

コードを修正してもらえますか？ありがとうございました。

ONとOFFボタン（2つの個々のボタン）のためのコード：

<div class="page-header-actions" data-toggle="buttons" role="group"> 
    <label class="btn btn-outline btn-primary active"> 
    <input type="radio" name="options" autocomplete="off" value="autorefreshoff" checked /> 
    <i class="icon wb-check text-active" aria-hidden="true"></i> Auto Refresh OFF 
    </label> 
    <label onClick="startrefreshon" class="btn btn-outline btn-primary"> 
    <input type="radio" autocomplete="off" value="autorefreshon" /> 
    <i class="icon wb-check text-active" aria-hidden="true"></i> Auto Refresh ON 
    </label> 
</div> 

オートリフレッシュ機能のためのコード：ここで

<script type='text/javascript'> 
setTimeout(function(){ 
    window.location.reload(1); 
}, 5000); 
</script> 

Answer 1

は、あなたがする必要があるいくつかのことです。

1. input type="radio"は、どちらも同じnameである必要があります。
2. 「自動リフレッシュオン」ボタンにはIDを指定すると、JavaScriptコード（たとえばauto-refresh-checkbox）で簡単に参照できるようになります。
3. チェックボックスであるかどうかをチェックリロード機能を書くchecked

コード：

function reloadPage(){ 
    var refreshEnabled = document.getElementById('auto-refresh-checkbox'); 
    if(refreshEnabled.checked) { 
    window.location.reload(1); 
    } 
} 

呼setInterval

を介してこの機能setInterval(reloadPage, 5000);

---

PS：チェックされた "自動リフレッシュ"ラジオは、ページのリロード時にその値を失うため、localStorageなどを使用して値を保存する必要があります。