https://wiki.benkyy.net/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.js
MediaWiki:Common.js - Revision history
2026-04-26T02:59:11Z
Revision history for this page on the wiki
MediaWiki 1.45.3
https://wiki.benkyy.net/index.php?title=MediaWiki:Common.js&diff=47&oldid=prev
Benkyy: Add live clock and stat animation for custom landing page
2026-04-25T21:37:52Z
<p>Add live clock and stat animation for custom landing page</p>
<p><b>New page</b></p><div>(function () {<br />
function updateBenkyyClock() {<br />
var timeEl = document.querySelector('.benky-live-clock');<br />
var dateEl = document.querySelector('.benky-live-date');<br />
if (!timeEl && !dateEl) return;<br />
<br />
var now = new Date();<br />
var timeFmt = new Intl.DateTimeFormat('en-GB', {<br />
timeZone: 'Europe/Bucharest',<br />
hour: '2-digit',<br />
minute: '2-digit',<br />
hour12: true<br />
});<br />
var dateFmt = new Intl.DateTimeFormat('en-GB', {<br />
timeZone: 'Europe/Bucharest',<br />
weekday: 'long',<br />
day: 'numeric',<br />
month: 'long',<br />
year: 'numeric'<br />
});<br />
<br />
if (timeEl) timeEl.textContent = timeFmt.format(now);<br />
if (dateEl) dateEl.textContent = dateFmt.format(now);<br />
}<br />
<br />
function animateCounters() {<br />
document.querySelectorAll('.benky-stat-number[data-target]').forEach(function (el) {<br />
if (el.dataset.done === '1') return;<br />
el.dataset.done = '1';<br />
var target = parseInt(el.getAttribute('data-target') || '0', 10);<br />
var start = 0;<br />
var duration = 900;<br />
var startTime = null;<br />
<br />
function step(ts) {<br />
if (!startTime) startTime = ts;<br />
var progress = Math.min((ts - startTime) / duration, 1);<br />
var eased = 1 - Math.pow(1 - progress, 3);<br />
var value = Math.round(start + (target - start) * eased);<br />
el.textContent = value.toLocaleString('en-US');<br />
if (progress < 1) requestAnimationFrame(step);<br />
}<br />
<br />
requestAnimationFrame(step);<br />
});<br />
}<br />
<br />
function init() {<br />
updateBenkyyClock();<br />
animateCounters();<br />
setInterval(updateBenkyyClock, 1000);<br />
}<br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}<br />
})();</div>
Benkyy