// 定位到 separatorline 元素
let separatorElement = document.getElementById('separatorline');

// 创建一个用于显示新帖的容器
let newPostsContainer = document.createElement('div');
newPostsContainer.id = 'new-posts-container';

// 将新容器插入到 separatorline 之前
if (separatorElement) {
    separatorElement.parentNode.insertBefore(newPostsContainer, separatorElement);
}

// 自动刷新逻辑
function fetchNewPosts() {
    // 使用 AJAX 请求获取最新帖子数据
    let xhr = new XMLHttpRequest();
    xhr.open('GET', '/api/new-posts', true); // 替换为实际接口地址

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            let newPostsData = JSON.parse(xhr.responseText);

            // 清空旧内容
            newPostsContainer.innerHTML = '';

            // 动态生成新帖 HTML
            newPostsData.forEach(post => {
                let postDiv = document.createElement('div');
                postDiv.className = 'new-post';
                postDiv.innerHTML = `
                    
${post.title}
                    
${post.content}
                    发布时间：${post.time}
                `;
                newPostsContainer.appendChild(postDiv);
            });
        }
    };

    xhr.send();
}

// 每隔 10 秒自动刷新一次
setInterval(fetchNewPosts, 10000);