MediaWiki:Common.js - История изменений

Denchikp в 21:41, 22 апреля 2025

2025-04-22T21:41:46Z

← Предыдущая версия		Версия от 21:41, 22 апреля 2025
Строка 1:		Строка 1:
	/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */		/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
	function ~~updateUTCClock~~() {		function updateUTCClockPanel() {
	const clock = document.getElementById('utc-clock');		const timeEl = document.getElementById('utc-clock-time');
	if (!~~clock~~) return;		const dateEl = document.getElementById('utc-clock-date');
			if (!timeEl \|\| !dateEl) return;

	const now = new Date();		const now = new Date();

	const hours = now.getUTCHours().toString().padStart(2, '0');		const hours = now.getUTCHours().toString().padStart(2, '0');
	const minutes = now.getUTCMinutes().toString().padStart(2, '0');		const minutes = now.getUTCMinutes().toString().padStart(2, '0');
	const seconds = now.getUTCSeconds().toString().padStart(2, '0');		const seconds = now.getUTCSeconds().toString().padStart(2, '0');

	~~clock~~.textContent = `UTC: ${hours}:${minutes}:${seconds}`;		timeEl.textContent = `UTC: ${hours}:${minutes}:${seconds}`;

			const day = now.getUTCDate().toString().padStart(2, '0');
			const month = (now.getUTCMonth() + 1).toString().padStart(2, '0');
			const year = now.getUTCFullYear();

			const weekdays = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"];
			const weekday = weekdays[now.getUTCDay()];

			dateEl.textContent = `${weekday}, ${day}.${month}.${year}`;
	}		}

	setInterval(~~updateUTCClock~~, 1000);		setInterval(updateUTCClockPanel, 1000);
			document.addEventListener('DOMContentLoaded', updateUTCClockPanel);
	document.addEventListener('DOMContentLoaded', ~~updateUTCClock~~);

Denchikp в 21:37, 22 апреля 2025

2025-04-22T21:37:53Z

← Предыдущая версия		Версия от 21:37, 22 апреля 2025
Строка 12:		Строка 12:
	}		}

	~~// Обновление каждую секунду~~
	setInterval(updateUTCClock, 1000);		setInterval(updateUTCClock, 1000);

	~~// Первичная инициализация~~
	document.addEventListener('DOMContentLoaded', updateUTCClock);		document.addEventListener('DOMContentLoaded', updateUTCClock);

Denchikp в 21:37, 22 апреля 2025

2025-04-22T21:37:43Z

@@ Строка 1: / Строка 1: @@
 /* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
-function drawAnalogClock(ctx, radius, date) {
+function updateUTCClock() {
-     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+     const clock = document.getElementById('utc-clock');
-     ctx.save();
+     if (!clock) return;
-     // Face
+     const now = new Date();
-     ctx.beginPath();
+     const hours = now.getUTCHours().toString().padStart(2, '0');
-    ctx.arc(0, 0, radius - 5, 0, 2 * Math.PI);
+     const minutes = now.getUTCMinutes().toString().padStart(2, '0');
-     ctx.fillStyle = '#f0f0f0';
+     const seconds = now.getUTCSeconds().toString().padStart(2, '0');
-     // Numbers
+     clock.textContent = `UTC: ${hours}:${minutes}:${seconds}`;
-    ctx.font = radius * 0.15 + "px Arial";
-    // Second hand
+// Обновление каждую секунду
-    second = (second * Math.PI / 30);
+setInterval(updateUTCClock, 1000);
-function drawHand(ctx, pos, length, width, color = "#000") {
+// Первичная инициализация
-    ctx.beginPath();
+document.addEventListener('DOMContentLoaded', updateUTCClock);

Denchikp: Новая страница: «/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице / function drawAnalogClock(ctx, radius, date) { ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height); ctx.save(); ctx.translate(radius, radius); // Face ctx.beginPath(); ctx.arc(0, 0, radius - 5, 0, 2 Math.PI); ctx.fillStyle = '#f0f0f0'; ctx.fill(...»

2025-04-22T21:19:58Z

Новая страница: «Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице: function drawAnalogClock(ctx, radius, date) { ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height); ctx.save(); ctx.translate(radius, radius); // Face ctx.beginPath(); ctx.arc(0, 0, radius - 5, 0, 2 * Math.PI); ctx.fillStyle = '#f0f0f0'; ctx.fill(...»

Новая страница

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
function drawAnalogClock(ctx, radius, date) {
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
ctx.save();
ctx.translate(radius, radius);

// Face
ctx.beginPath();
ctx.arc(0, 0, radius - 5, 0, 2 * Math.PI);
ctx.fillStyle = '#f0f0f0';
ctx.fill();
ctx.lineWidth = 4;
ctx.stroke();

// Numbers
ctx.font = radius * 0.15 + "px Arial";
ctx.textBaseline = "middle";
ctx.textAlign = "center";
for (let num = 1; num <= 12; num++) {
let ang = num * Math.PI / 6;
ctx.rotate(ang);
ctx.translate(0, -radius * 0.85);
ctx.rotate(-ang);
ctx.fillText(num.toString(), 0, 0);
ctx.rotate(ang);
ctx.translate(0, radius * 0.85);
ctx.rotate(-ang);
}

// Time
let hour = date.getUTCHours();
let minute = date.getUTCMinutes();
let second = date.getUTCSeconds();

// Hour hand
hour = hour % 12;
hour = (hour * Math.PI / 6) + (minute * Math.PI / (6 * 60));
drawHand(ctx, hour, radius * 0.5, 6);

// Minute hand
minute = (minute * Math.PI / 30) + (second * Math.PI / (30 * 60));
drawHand(ctx, minute, radius * 0.75, 4);

// Second hand
second = (second * Math.PI / 30);
drawHand(ctx, second, radius * 0.85, 2, "#D33");

ctx.restore();
}

function drawHand(ctx, pos, length, width, color = "#000") {
ctx.beginPath();
ctx.lineWidth = width;
ctx.lineCap = "round";
ctx.strokeStyle = color;
ctx.moveTo(0,