MediaWiki:Common.js:修订间差异
MediaWiki界面页面
更多操作
创建页面,内容为“// 整块卡片点击跳转 document.querySelectorAll('.mw-card[data-href]').forEach(function(card){ card.addEventListener('click', function(){ window.location = card.getAttribute('data-href'); }); });” |
无编辑摘要 |
||
| (未显示同一用户的41个中间版本) | |||
| 第1行: | 第1行: | ||
// | //Microsoft 和 Google 分析 | ||
document. | document.head.insertAdjacentHTML('beforeend',` | ||
<!-- Google tag (gtag.js) --> | |||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GVZPTSXG1H"></script> | |||
<script> | |||
window.dataLayer = window.dataLayer || []; | |||
function gtag(){dataLayer.push(arguments);} | |||
gtag('js', new Date()); | |||
gtag('config', 'G-GVZPTSXG1H'); | |||
</script> | |||
`); | |||
document.head.insertAdjacentHTML('beforeend',` | |||
<script type="text/javascript"> | |||
(function(c,l,a,r,i,t,y){ | |||
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; | |||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; | |||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); | |||
})(window, document, "clarity", "script", "uewoetn0au"); | |||
</script> | |||
`); | |||
document.head.insertAdjacentHTML('beforeend',` | |||
<meta name="baidu-site-verification" content="codeva-38vNyP0io6" /> | |||
`); | |||
mw.loader.using(['mediawiki.util', 'mediawiki.api']).then(function () { | |||
$(function () { | |||
var $el = $('#wiki-wordcount-number'); | |||
if (!$el.length) return; | |||
// 标记是否已触发过动画 | |||
var triggered = false; | |||
// IntersectionObserver 配置 | |||
var observer = new IntersectionObserver(function(entries) { | |||
entries.forEach(function(entry) { | |||
if (entry.isIntersecting && !triggered) { | |||
triggered = true; | |||
startCountAnimation(); | |||
observer.unobserve(entry.target); | |||
} | |||
}); | |||
}, { | |||
root: null, // 视口为浏览器窗口 | |||
rootMargin: "0px", | |||
threshold: 0.3 // 至少 30% 可见才触发 | |||
}); | |||
// 观察目标元素 | |||
observer.observe(document.getElementById('wiki-wordcount-number')); | |||
// 真正执行字数滚动动画 | |||
function startCountAnimation() { | |||
new mw.Api().get({ | |||
action: 'wordcounter', | |||
prop: 'totals', | |||
format: 'json' | |||
}).done(function (data) { | |||
// --- 修改点:适配您的 API 返回结构 --- | |||
var total = 0; | |||
if (data && data.wordcounter && data.wordcounter.totals) { | |||
total = data.wordcounter.totals.totalWords || 0; | |||
} | |||
// 缓动函数(前快后慢) | |||
function easeOutQuad(t) { | |||
return t * (2 - t); | |||
} | |||
var duration = 2000; | |||
var startTime = null; | |||
function animate(timestamp) { | |||
if (!startTime) startTime = timestamp; | |||
var run = timestamp - startTime; | |||
var progress = Math.min(run / duration, 1); | |||
var eased = easeOutQuad(progress); | |||
var currentVal = Math.floor(eased * total); | |||
$el.text(currentVal.toLocaleString()); | |||
if (progress < 1) { | |||
requestAnimationFrame(animate); | |||
} | |||
} | |||
requestAnimationFrame(animate); | |||
}).fail(function () { | |||
console.error('字数统计 API 请求失败'); | |||
}); | |||
} | |||
}); | }); | ||
}); | }); | ||