📋 倒计时嵌入生成
创建可自定义的倒计时小组件,嵌入到您的网站或博客。
<!-- 假期日历倒计时组件 -->
<div id="holiday-calendar-countdown" style="font-family:system-ui,sans-serif;text-align:center;padding:20px;border:2px solid #ef4444;border-radius:12px;max-width:400px;margin:0 auto">
<div style="font-size:18px;font-weight:bold;color:#ef4444;margin-bottom:12px">活动名称</div>
<script>
(function(){
var target=new Date('').getTime();
var el=document.getElementById('holiday-calendar-countdown');
function update(){
var now=new Date().getTime(),d=target-now;
var days=Math.floor(d/864e00),hrs=Math.floor(d%864e00/36e5),min=Math.floor(d%36e5/6e4),sec=Math.floor(d%6e4/1e3);
el.querySelector('.timer').innerHTML=days+'天 '+"+hrs+"时 "+min+"分 "+sec+"秒';
}
var timer=document.createElement('div');timer.className='timer';timer.style.fontSize='24px';timer.style.fontWeight='bold';timer.style.color='#ef4444';
el.appendChild(timer);update();setInterval(update,1000);
})();
</script>
<div style="margin-top:8px;font-size:11px;color:#999">由 <a href="https://holiday-calendar.cn" style="color:#ef4444">假期日历</a> 提供</div>
</div>