MediaWiki:Common.js: Difference between revisions
Appearance
Created page with "→Any JavaScript here will be loaded for all users on every page load.: function applyEffects(el) { const chars = el.textContent.split(''); const total = chars.length; el.innerHTML = chars.map((c, i) => { const hue = Math.round((i / total) * 360); const rainbowDelay = -((i / total) * 3).toFixed(2); const waveDelay = ((i / total) * 1).toFixed(2); return `<span style="--hue:${hue}; --delay:${rainbowDelay}s; --wave-delay:${waveDelay}s">${c === '..." |
No edit summary Tag: Manual revert |
| (2 intermediate revisions by the same user not shown) | |
(No difference)
| |
Latest revision as of 17:26, 9 March 2026
/* Any JavaScript here will be loaded for all users on every page load. */
function applyEffects(el) {
const chars = el.textContent.split('');
const total = chars.length;
el.innerHTML = chars.map((c, i) => {
const hue = Math.round((i / total) * 360);
const rainbowDelay = -((i / total) * 3).toFixed(2);
const waveDelay = ((i / total) * 1).toFixed(2);
return `<span style="--hue:${hue}; --delay:${rainbowDelay}s; --wave-delay:${waveDelay}s">${c === ' ' ? ' ' : c}</span>`;
}).join('');
}
$(document).ready(function() {
document.querySelectorAll('.rainbow, .wavy').forEach(applyEffects);
});