ClearTimeout set in another tab
<p>How can I clear <code>timeout</code> that has been set in another <code>tab</code> in browser?</p>

<p>I tried by storing timeout reference in <code>localStorage</code>, but could not clear <code>timeout</code></p>

<pre><code>function setIdleTimeout() {
    var idleTimeout = setTimeout(function() {
        //autologout
    }, 20000);
    localStorage.setItem('idleTimeout', idleTimeout);
}

function clearIdleTimeout() {
    var idleTimeout = localStorage.getItem('idleTimeout');
    clearTimeout(idleTimeout);
    localStorage.setItem('idleTimeout', idleTimeout);
}
</code></pre>

<p>If I call <code>clearIdleTimeout()</code> in second tab, it does not clear the <code>timeout</code> set in <code>previous tab</code></p>