Sale Countdown HTML Snippet Generator

<div style="font-family:system-ui,sans-serif;text-align:center;padding:1rem;border:1px solid #eee;border-radius:8px;max-width:480px;margin:0 auto">
  <div style="font-size:14px;color:#555;margin-bottom:.5rem">Sale ends in</div>
  <div id="cd-20261225235959" style="font-size:28px;font-weight:600;color:#dc2626">--:--:--:--</div>
</div>
<script>(function(){
  var t = new Date("2026-12-25T23:59:59.000Z").getTime();
  var el = document.getElementById('cd-20261225235959');
  function tick(){
    var d = t - Date.now();
    if (d <= 0) { el.textContent = 'Ends now'; return; }
    var days = Math.floor(d/86400000);
    var hrs = Math.floor(d/3600000)%24;
    var mins = Math.floor(d/60000)%60;
    var secs = Math.floor(d/1000)%60;
    el.textContent = (days?days+'d ':'')+String(hrs).padStart(2,'0')+':'+String(mins).padStart(2,'0')+':'+String(secs).padStart(2,'0');
    setTimeout(tick, 1000);
  }
  tick();
})();</script>