script.js

document.addEventListener('DOMContentLoaded', function() {
    const updatePreviewBtn = document.getElementById('updatePreview');
    const generateEmbedBtn = document.getElementById('generateEmbed');
    const countdownElement = document.getElementById('countdown');
    const modal = document.getElementById('embedCodeModal');
    const closeModalBtn = document.getElementById('closeModal');
    const copyEmbedCodeBtn = document.getElementById('copyEmbedCode');
    const embedCodeTextarea = document.getElementById('embedCode');

    updatePreviewBtn.addEventListener('click', updatePreview);
    generateEmbedBtn.addEventListener('click', showEmbedCode);
    closeModalBtn.addEventListener('click', closeModal);
    copyEmbedCodeBtn.addEventListener('click', copyEmbedCode);

    function updatePreview() {
        const title = document.getElementById('title').value;
        const date = document.getElementById('date').value;
        const timezone = document.getElementById('timezone').value;
        const language = document.getElementById('language').value;
        const textColor = document.getElementById('textColor').value;
        const bgColor = document.getElementById('bgColor').value;
        // 刪除 bgImage 相關代碼
        const borderRadius = document.getElementById('borderRadius').value;

        // 更新預覽的代碼
        // ...
    }

    function startCountdown(targetDate, timezone, language) {
        const timerElement = document.getElementById('timer');
        const targetTime = new Date(targetDate + 'T00:00:00').getTime();

        function updateTimer() {
            const now = new Date().getTime();
            const distance = targetTime - now;

            const days = Math.floor(distance / (1000 * 60 * 60 * 24));
            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((distance % (1000 * 60)) / 1000);

            const labels = language === 'zh-Hant' 
                ? ['天', '時', '分', '秒'] 
                : ['Days', 'Hours', 'Minutes', 'Seconds'];

            timerElement.innerHTML = `
                <div class="countdown-item"><span class="countdown-value">${days}</span><span class="countdown-label">${labels[0]}</span></div>
                <div class="countdown-item"><span class="countdown-value">${hours}</span><span class="countdown-label">${labels[1]}</span></div>
                <div class="countdown-item"><span class="countdown-value">${minutes}</span><span class="countdown-label">${labels[2]}</span></div>
                <div class="countdown-item"><span class="countdown-value">${seconds}</span><span class="countdown-label">${labels[3]}</span></div>
            `;

            if (distance < 0) {
                clearInterval(timerInterval);
                timerElement.innerHTML = language === 'zh-Hant' ? "倒數計時結束！" : "Countdown Finished!";
            }
        }

        updateTimer();
        const timerInterval = setInterval(updateTimer, 1000);
    }

    function showEmbedCode() {
        const embedCode = generateEmbedCode();
        embedCodeTextarea.value = embedCode;
        modal.style.display = "block";
    }

    function closeModal() {
        modal.style.display = "none";
    }

    function copyEmbedCode() {
        embedCodeTextarea.select();
        document.execCommand('copy');
        alert('嵌入代碼已複製到剪貼簿！');
    }

    function generateEmbedCode() {
        const baseUrl = 'https://lotushj1.github.io/';
        const title = encodeURIComponent(document.getElementById('title').value);
        const date = encodeURIComponent(document.getElementById('date').value);
        const timezone = encodeURIComponent(document.getElementById('timezone').value);
        const language = encodeURIComponent(document.getElementById('language').value);
        const textColor = encodeURIComponent(document.getElementById('textColor').value.substring(1));
        const bgColor = encodeURIComponent(document.getElementById('bgColor').value.substring(1));
        // 刪除 bgImage 相關代碼
        const borderRadius = encodeURIComponent(document.getElementById('borderRadius').value);

        const embedUrl = `${baseUrl}?title=${title}&date=${date}&timezone=${timezone}&language=${language}&textColor=${textColor}&bgColor=${bgColor}&borderRadius=${borderRadius}`;

        return `<iframe src="${embedUrl}" width="300" height="150" frameborder="0" style="border-radius: ${borderRadius}px;"></iframe>`;
    }

    // 當用戶點擊模態框外部時關閉它
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
});