у меня есть такой js вывода времени
let timerId = function(city, utcOffset) {
setInterval(function() {
let t = new Date(),
tt = t.getUTCHours() + utcOffset,
eid = 'tik-tak-' + city;
document.getElementById(eid).innerHTML = (tt < 10 ? "0" : "") + (tt > 24 ? tt - 24 : tt) + ":" + (t.getMinutes() < 10 ? '0' : '') + t.getMinutes() + ":" + (t.getSeconds() < 10 ? '0' : '') + t.getSeconds();
}, 0);
};
$(function() {
$("#tik-tak-tabs").on("click", ".tik-tak-tab", function() {
var tabs = $("#tik-tak-tabs .tik-tak-tab"),
cont = $("#tik-tak-tabs .tik-tak-wrp-tab");
tabs.removeClass("active");
cont.removeClass("active");
$(this).addClass("active");
cont.eq($(this).index()).addClass("active");
return false;
});
});
document.onload = timerId('moscow', -7); // id="tik-tak-moscow"; utc offset = 3
document.onload = function() {
let aTab = localStorage.getItem('activeSome');
document.getElementById(aTab).classList.add('active');
};
let tiktak = document.getElementsByClassName('tik-tak-select')[0];
tiktak.addEventListener('click', function() {
localStorage.setItem('activeSome',event.target.id);
});
такой html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tik-tak-tabs">
<div class="tik-tak-select">
<span id="tik-moscow" class="tik-tak-tab">Москва</span>
</div>
<div class="tik-tak-wrp">
<div class="tik-tak-wrp-tab active"><span id="tik-tak-moscow"></span></div>
</div>
</div>
время выводиться на страницу popup, мне нужно сделать кнопку, при нажатии на которую время проподает, а при повторном нажатии на кнопку, оно снова появилось