Click here for free DL of the app version that can save data.

No:14033

Working Analog Clock And Digital Clock And Tempera..ALL
Developer User6030｜Date and time 23/8/30 21:19:33
Build time 46.832 sec｜Game capacity 5.532KB｜

Script

Аналоговые и цифровые часы и показатели

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>Аналоговые и цифровые часы и показатели: температура, погода и заряд батареи</title>
</head>
<body>
	<h1>Аналоговые и цифровые часы и показатели</h1>
	
	
	<div id="analogClock"></div>

<div id="digitalClock"></div>

<div id="temperature"></div>
	<div id="weather"></div>
	<div id="battery"></div>

<script>
		// Функция для создания и обновления аналоговых часов
		function drawAnalogClock() {
			// Получение текущего времени
			var currentTime = new Date();
			var hours = currentTime.getHours();
			var minutes = currentTime.getMinutes();
			var seconds = currentTime.getSeconds();

// Вычисление углов для стрелок
			var hourAngle = (hours % 12) * 30 + (minutes / 2);
			var minuteAngle = minutes * 6;
			var secondAngle = seconds * 6;

// Отрисовка аналоговых часов
			var analogClock = document.getElementById('analogClock');
			analogClock.innerHTML = '';

// Создание круглого циферблата
			var clockFace = document.createElement('div');
			clockFace.style.width = '200px';
			clockFace.style.height = '200px';
			clockFace.style.border = '2px solid #000';
			clockFace.style.borderRadius = '50%';
			clockFace.style.position = 'relative';
			analogClock.appendChild(clockFace);

// Создание стрелок
			var hourHand = document.createElement('div');
			hourHand.style.width = '4px';
			hourHand.style.height = '70px';
			hourHand.style.backgroundColor = '#000';
			hourHand.style.position = 'absolute';
			hourHand.style.top = '64px';
			hourHand.style.left = '98px';
			hourHand.style.transformOrigin = '50% 73%';
			hourHand.style.transform = 'rotate(' + hourAngle + 'deg)';
			clockFace.appendChild(hourHand);

var minuteHand = document.createElement('div');
			minuteHand.style.width = '2px';
			minuteHand.style.height = '90px';
			minuteHand.style.backgroundColor = '#000';
			minuteHand.style.position = 'absolute';
			minuteHand.style.top = '42px';
			minuteHand.style.left = '99px';
			minuteHand.style.transformOrigin = '50% 93%';
			minuteHand.style.transform = 'rotate(' + minuteAngle + 'deg)';
			clockFace.appendChild(minuteHand);

var secondHand = document.createElement('div');
			secondHand.style.width = '1px';
			secondHand.style.height = '100px';
			secondHand.style.backgroundColor = 'red';
			secondHand.style.position = 'absolute';
			secondHand.style.top = '32px';
			secondHand.style.left = '99px';
			secondHand.style.transformOrigin = '50% 103%';
			secondHand.style.transform = 'rotate(' + secondAngle + 'deg)';
			clockFace.appendChild(secondHand);
		}

// Функция для создания и обновления цифровых часов
		function drawDigitalClock() {
			// Получение текущего времени
			var currentTime = new Date();
			var hours = currentTime.getHours();
			var minutes = currentTime.getMinutes();
			var seconds = currentTime.getSeconds();

// Форматирование времени
			var timeString = hours + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');

// Отрисовка цифровых часов
			var digitalClock = document.getElementById('digitalClock');
			digitalClock.innerHTML = '';
			digitalClock.innerHTML = timeString;
		}

// Функция для получения и отображения погоды
		function getWeather() {
			// Здесь можно добавить код для получения погодных данных с сервера
			// В данном примере просто зададим фиксированное значение
			var weather = document.getElementById('weather');
			weather.innerHTML = '';
			weather.innerHTML = 'Солнечно';
		}

// Функция для получения и отображения температуры
		function getTemperature() {
			// Здесь можно добавить код для получения данных о температуре с сервера
			// В данном примере просто зададим фиксированное значение
			var temperature = document.getElementById('temperature');
			temperature.innerHTML = '';
			temperature.innerHTML = '23°';
		}

// Функция для получения и отображения заряда батареи
		function getBatteryLevel() {
			// Здесь можно добавить код для получения данных о заряде батареи смартфона
			// В данном примере просто зададим фиксированное значение
			var batteryLevel = document.getElementById('battery');
			batteryLevel.innerHTML = '';
			batteryLevel.innerHTML = '89%';
		}

// Вызываем функции при запуске игры
		drawAnalogClock();
		drawDigitalClock();
		getWeather();
		getTemperature();
		getBatteryLevel();

// Обновление часов каждую секунду
		setInterval(drawAnalogClock, 1000);
		setInterval(drawDigitalClock, 1000);
	</script>
</body>
</html>