Скопируйте код кода следующим образом:
<!тип документа html>
<html>
<голова>
<title>холст dClock</title>
</голова>
<тело>
<canvas id = «часы» ширина = «500 пикселей» высота = «200 пикселей»>
Ваш браузер слишком старый, обновите его!
</canvas>
<тип сценария = "текст/javascript">
var clock = document.getElementById("часы");
var cxt = clock.getContext("2d");
//отображение цифровых часов
функция showTime(m, n) {
cxt.clearRect(0, 0, 500, 500);
вар сейчас = новая дата;
вар час = now.getHours();
вар мин = now.getMinutes();
вар сек = now.getSeconds();
вар мсек = now.getMilliсекунды();
час = час >= 10 ? час: «0» + час;
мин = мин >= 10 ? мин: «0» + мин;
сек = сек >= 10 ? сек: «0» + сек;
мсек = (мсек >= 10 && мсек < 100) ? («0» + мсек): (мсек >= 0 && мсек < 10) ? («00» + мсек): мсек;
bdigital(m, n, час);
bцифровой(m + 160, n, мин);
bцифровой(m + 320, n, сек);
//tdigital(m + 480, n, мс);
//Трёхзначный дисплей
функция tdigital(x, y, num) {
вар ge = число % 10;
вар ши = (parseInt (число / 10)) % 10;
вар бай = parseInt((parseInt(num / 10)) / 10) % 10;
цифровой (х, у, бай);
цифровой(х+70,у,ши);
цифровой(х + 140,у,ге);
}
//Двузначный дисплей
функция bdigital(x, y, num) {
вар ge = число % 10;
вар ши = (parseInt (число / 10)) % 10;
цифровой (х, у, ши);
цифровой(х + 70,у,ге);
}
//рисование:
//между часами и минутами
cxt.lineWidth = 5;
cxt.strokeStyle = "#000";
cxt.fillStyle = "#000";
cxt.beginPath();
cxt.arc(m + 140, n + 80, 3, 0, 360, ложь);
cxt.fill();
cxt.closePath();
cxt.stroke();
cxt.lineWidth = 5;
cxt.strokeStyle = "#000";
cxt.fillStyle = "#000";
cxt.beginPath();
cxt.arc(m + 140, n + 100, 3, 0, 360, ложь);
cxt.fill();
cxt.closePath();
cxt.stroke();
//между минутами и секундами
cxt.lineWidth = 5;
cxt.strokeStyle = "#000";
cxt.fillStyle = "#000";
cxt.beginPath();
cxt.arc(m + 300, n + 80, 3, 0, 360, ложь);
cxt.fill();
cxt.closePath();
cxt.stroke();
cxt.lineWidth = 5;
cxt.strokeStyle = "#000";
cxt.fillStyle = "#000";
cxt.beginPath();
cxt.arc(m + 300, n + 100, 3, 0, 360, ложь);
cxt.fill();
cxt.closePath();
cxt.stroke();
//Один между секундами и миллисекундами.
// cxt.lineWidth = 5;
// cxt.strokeStyle = "#000";
// cxt.fillStyle = "#000";
// cxt.beginPath();
// cxt.arc(m + 460, n + 100, 3, 0, 360, false);
// cxt.fill();
// cxt.closePath();
// cxt.stroke();
}
//выводим одну цифру
функция цифровая (х, у, число) {
//Установим стиль
cxt.lineWidth = 5;
cxt.strokeStyle = "#000";
//а
функция а() {
cxt.beginPath();
cxt.moveTo(х, у);
cxt.lineTo(х + 50, у);
cxt.closePath();
cxt.stroke();
}
//б
функция б() {
cxt.beginPath();
cxt.moveTo(x + 55, y + 5);
cxt.lineTo(x + 55, y + 55);
cxt.closePath();
cxt.stroke();
}
//с
функция с() {
cxt.beginPath();
cxt.moveTo(x + 55, y + 60);
cxt.lineTo(x + 55, y + 110);
cxt.closePath();
cxt.stroke();
}
//д
функция д() {
cxt.beginPath();
cxt.moveTo(x + 50, y + 115);
cxt.lineTo(х, у + 115);
cxt.closePath();
cxt.stroke();
}
//е
функция е() {
cxt.beginPath();
cxt.moveTo(x - 5, y + 110);
cxt.lineTo(x - 5, y + 60);
cxt.closePath();
cxt.stroke();
}
//ф
функция е() {
cxt.beginPath();
cxt.moveTo(x - 5, y + 55);
cxt.lineTo(x - 5, y + 5);
cxt.closePath();
cxt.stroke();
}
//г
функция г() {
cxt.beginPath();
cxt.moveTo(x, y + 57,5);
cxt.lineTo(x + 50, y + 57,5);
cxt.closePath();
cxt.stroke();
}
//0
функция ноль() {
а(); б(); д(); е();
}
//1
функция один() {
б(); с();
}
//2
функция два() {
а(); б(); е();
}
//3
функция три() {
а(); б(); с(); г();
}
//4
функция четыре() {
б(); с(); е(); г();
}
//5
функция пять() {
а(); с(); д(); г();
}
//6
функция шесть() {
а(); с(); е(); г();
}
//7
функция семь() {
а(); б(); с();
}
//8
функция восемь() {
а(); б(); д(); е(); г();
}
//9
функция девять() {
а(); б(); д(); г();
}
//Номер n
номер функции(n) {
переключатель (n) {
случай 0: ноль(); перерыв;
случай 1: один(); перерыв;
случай 2: два(); перерыв;
случай 3: три(); перерыв;
случай 4: четыре(); перерыв;
случай 5: пять(); перерыв;
случай 6: шесть(); перерыв;
случай 7: семь(); перерыв;
случай 8: восемь(); перерыв;
случай 9: девять(); перерыв;
}
}
номер (число);
}
шоуВремя(1, 45);
setInterval("showTime(1,45)", 1000);
</скрипт>
</тело>
</html>