60sedit icon

创建者:
一正
Fork(复制)
下载
嵌入
BUG反馈
index.html
index.html
            
                <meta charset="UTF-8">
    <title>60秒读懂世界</title>
    <div id="newsContainer"></div>
    <p id="proverb" style="margin-top: 20px;"></p>
    <script>
        // 发起请求获取数据
        fetch('https://api.fenx.top/api/60sText/')
            .then(response => {
                // 检查响应状态
                if (!response.ok) {
                    throw new Error('网络响应不正常');
                }
                return response.text();
            })
            .then(data => {
                // 处理原始文本数据
                const lines = data.split('\n')
                    .map(line => line.trim())
                    .filter(line => line); // 过滤空行

                const newsList = [];
                let proverb = '';

                // 分离新闻条目和结尾谚语
                lines.forEach(line => {
                    if (line.match(/^\d+\./)) {
                        // 提取新闻内容(去除序号)
                        newsList.push(line.replace(/^\d+\.\s*/, ''));
                    } else if (!line.includes('60秒读懂世界')) {
                        // 识别结尾谚语
                        proverb = line;
                    }
                });

                // 渲染新闻列表
                const container = document.getElementById('newsContainer');
                const ul = document.createElement('ul');
                newsList.forEach((news, index) => {
                    const li = document.createElement('li');
                    li.textContent = `${index + 1}. ${news}`;
                    ul.appendChild(li);
                });
                container.appendChild(ul);

                // 渲染谚语
                document.getElementById('proverb').textContent = proverb;
            })
            .catch(error => {
                // 错误处理
                document.getElementById('newsContainer').textContent = `加载失败: ${error.message}`;
            });
    </script>
        
编辑器加载中
预览
控制台