Uncaught TypeError: time.getHours is not a function?

Question

[jIVOYz]

Нужно сделать часы для сайта, раньше когда писал этот код, точ в точ, он работал, сейчас выдает какую то ошибку:

Uncaught TypeError: time.getHours is not a function
    at clockStr (script.js:5)
    at script.js:21

Вот мой код:
JS:

var clock = document.getElementById('time');

function clockStr() {
	var time = new Date().toString();
	var h = time.getHours().toString();
	var m = time.getMinutes().toString();

	if(h.length < 9) {
		h = '0' + h;
	}

	if(m.length < 9) {
		m = '0' + m; 
	}

	var clockString = h + ':' + m;

	clock.textContent = clockString;
}

clockStr();

Answer 1

[Алексей Уколов]

var time = new Date();

Полностью правильный код

function clockStr() {
  var time = new Date();
  var h = time.getHours();
  var m = time.getMinutes();

  if (h < 9) {
    h = '0' + h;
  }

  if(m < 9) {
    m = '0' + m; 
  }

  var clockString = h + ':' + m;

  clock.textContent = clockString;
}

Comments

[jIVOYz]

Uncaught TypeError: Cannot set property 'textContent' of null
at clockStr (script.js:18)
at script.js:21
А что делать в этом случае?

[Алексей Уколов]

1. Научиться понимать собственный код и гуглить ошибки.
2. Добавить на страницу перед скриптом элемент с ID time.