MediaWiki:Gadget-clock.js:修订间差异

来自灵魂之流资料站
无编辑摘要
无编辑摘要
第33行: 第33行:
     }
     }


    // Add the clock element to the page
if (document.readyState === "loading") {
    document.addEventListener('DOMContentLoaded', event => {
// 此时加载尚未完成
    console.log('dom loaded')
    // Add the clock element to the page
    console.log(event)
console.log('DOMContentLoaded 尚未触发')
    createClockElement()
    document.addEventListener('DOMContentLoaded', event => {
});
    console.log('dom loaded')
    // createClockElement()
    console.log(event)
    createClockElement()
});
} else {
  // `DOMContentLoaded` 已经被触发
  console.log('DOMContentLoaded 已经被触发')
  createClockElement()
}
})();
})();

2024年8月20日 (二) 11:40的版本

(function () {
	console.log('Common.js loaded');
    function updateClock() {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();

        // Format time as HH:MM:SS
        hours = hours < 10 ? '0' + hours : hours;
        minutes = minutes < 10 ? '0' + minutes : minutes;
        seconds = seconds < 10 ? '0' + seconds : seconds;

        // Update the clock element
        var clockElement = document.getElementById('clock');
        if (clockElement) {
            clockElement.innerHTML = hours + ':' + minutes + ':' + seconds;
        }
    }
    
    function createClockElement() {
		console.log('page loaded')
        var clockDiv = document.createElement('div');
        clockDiv.id = 'clock';
        clockDiv.style.fontSize = '2em';
        clockDiv.style.textAlign = 'center';
        clockDiv.style.marginTop = '20px';
        document.body.insertBefore(clockDiv, document.body.firstChild);

        // Start the clock
        updateClock();
        setInterval(updateClock, 1000);
    }

	if (document.readyState === "loading") {
		// 此时加载尚未完成
    	// Add the clock element to the page
		console.log('DOMContentLoaded 尚未触发')
	    document.addEventListener('DOMContentLoaded', event => {
	    	console.log('dom loaded')
	    	console.log(event)
	    	createClockElement()
		});
	} else {
	  // `DOMContentLoaded` 已经被触发
	  console.log('DOMContentLoaded 已经被触发')
	  createClockElement()
	}
})();