Воскресенье, 24.11.2024, 17:09 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js
Цветные часы 2

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="700" height="600"
style="border:1px solid #d3d3d3;">

</canvas>

<script>
let counter = 0;
let canvas = document.getElementById("myCanvas");
let ctx = canvas.getContext("2d");
ctx.font = "75px Arial";
ctx.fillStyle = "red";

ctx.clearRect(0,0,700,600);

let timer = setInterval(function() {


let randomColor = "#" + Math.floor(Math.random()*16777215).toString(16);
let x = Math.floor(Math.random()*300);
let y = Math.floor(Math.random()*200)+300;
const d = new Date();
ctx.clearRect(0,0,700,600);
ctx.fillStyle = randomColor;
let minutes = d.getMinutes();
if (minutes < 10) minutes = "0" + minutes;
ctx.fillText(d.getHours()+":"+minutes,x,y);


},500);

</script>

</body>
</html>

Категория: Js | Добавил: moskov (10.04.2023)
Просмотров: 64 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

Категории раздела

PHP [41]
C++ [71]
Autoit [108]
Processing [105]
Basic4GL [7]
Fasm [2]
PABC [7]
Js [233]
Gentee [1]
Python [204]
Java android [3]
Small Basic [9]

Мини-чат

Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

  • Хулиган Вселенной

  • Тюремная поэзия

  • Религиозная поэзия

  • Сайт клана ЛеГиоН

    • Поиск