<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>
index.html
index.html