var counter = 0, christmas = ['none', 'block'], el_rec = document.getElementById('rec'), interval = setInterval(() => { counter++ % (2016 / (12 * 24)) === 0 && christmas.unshift(christmas.pop()) && (el_rec.style.display = christmas[0]); }, 128);
<div id="rec"></div> <div id="label">REC</div>
#rec { float: left; width: 16px; height: 16px; border-radius: 50%; background: red; } #label { font-weight: bold; font-family: Arial; margin-left: 22px; }