const weibojs = { requestAPI: (url, callback, timeout) => { let retryTimes = 5; function request() { return new Promise((resolve, reject) => { let status = 0; // 0 等待 1 完成 2 超时 let timer = setTimeout(() => { if (status === 0) { status = 2; timer = null; reject('请求超时'); if (retryTimes == 0) { timeout(); } } }, 5000); fetch(url).then(function(response) { if (status !== 2) { clearTimeout(timer); resolve(response); timer = null; status = 1; } if (response.ok) { return response.json(); } throw new Error('Network response was not ok.'); }).then(function(data) { retryTimes = 0; callback(data); }).catch(function(error) { if (retryTimes > 0) { retryTimes -= 1; setTimeout(() => { request(); }, 5000); } else { timeout(); } }); }); } request(); }, layoutDiv: (cfg) => { const el = $(cfg.el)[0]; $(el).append('

'); weibojs.requestAPI(cfg.api, function(data) { $(el).find('.loading-wrap').remove(); const arr = data.tweets || []; const limit = el.getAttribute('limit'); arr.forEach((item, i) => { if (limit && i >= limit) { return; } var cell = '

'; cell += ''; cell += '

'; cell += ''; cell += item.content; cell += ''; // cell += '

'; // 每条微博的右下角转发评论点赞 cell += ''; // 右下角结束 $(el).append(cell); }); }, function() { $(el).find('.loading-wrap svg').remove(); $(el).find('.loading-wrap').append(''); $(el).find('.loading-wrap').addClass('error'); }); }, } $(function () { const els = document.getElementsByClassName('stellar-weibo-api'); for (var i = 0; i < els.length; i++) { const el = els[i]; const api = el.getAttribute('api'); // 这个API可以返回微博的json文件 if (api == null) { continue; } var cfg = new Object(); cfg.el = el; cfg.api = api; cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.5/avatar/round/3442075.svg'; weibojs.layoutDiv(cfg); } });