Нужно дописать код, чтобы двоеточие в часах мигало, а время менялось без перезагрузки страницы.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<canvas id ="ctx"></canvas>
<script>
window.onload = init;
var ctx, canvas;
function init() {
canvas = document.getElementById("ctx");
ctx = canvas.getContext("2d");
setTimeout(draw,500);
}
function draw() {
// Переменые
let date = new Date();
let hours = date.getHours();
let minutes = date.getMinutes();
// Ведущий ноль, проверки и условия
if (minutes <= 9){
minutes = "0" + minutes;
}
if (hours <= 9 ) {
hours = "0" + hours;
}
// Рисование
ctx.fillStyle = "Turquoise";
ctx.strokeStyle = "SteelBlue";
ctx.strokeRect(10,10,250,156);
ctx.lineWidth = 5;
ctx.fillRect(10,10,250,150);
// Цифры
ctx.fillStyle = "white"
ctx.font = "5em serif ";
ctx.fillText(hours,25,100);
ctx.fillText(":", 120, 100);
ctx.fillText(minutes,155,100);
}
</script>
</body>
</html>