Моя функция setInterval не работает вообще, Google Chrome

0

Я довольно новый программист, и в настоящее время я пытаюсь понять ООП со стороны JS. У меня есть довольно простой код для мигающего курсора, но по какой-то причине он не работает. Страница загружается, и курсор просто появляется на экране без изменения. Код ниже:

<html>
<head>
<title>Cursor</title>
<script src="jquery.js"></script>
<script>

var str = null;
var counter = 0;

var flipFlop = function() {
alert("working");
if(counter === 0) {
document.getElementbyId('console').style.visibility='visible';
counter = 1;

}
else if(counter === 1) {
document.getElementbyId('console').style.visibility='hidden';
counter = 0;
}
else {
//debug alert
alert("function broken.");
}
};
var setIntOnload = function() {
setInterval(function() {
flipFlop();
}, 1000);
};
</script>
</head>
<body onload="setIntOnload()">
<div id="console">
  |
</div>
</body>
</html>

Не уверен, почему это не работает... Помощь будет оценена :) PS Первое сообщение: D

  • 0
    У вас есть опечатка. Нет метода getElementbyId. Должно быть getElementById ()
Теги:
oop

2 ответа

0

У вас есть опечатка в коде. Используйте getElementById вместо getElementbyId. Имена переменных JavaScript (и методы) чувствительны к регистру.

Скрипт: http://jsfiddle.net/FcrQ7/

Всегда проверяйте консоль вашего браузера, если что-то в вашем коде не работает. У вас была следующая ошибка:

Uncaught TypeError: Object # не имеет метода getElementbyId,

0

Работает

Измените getElementById вместо getElementbyId

скрипка

  • 4
    Точно такой же ответ как выше :)
  • 0
    так что бро ошибка такая же, только так

Ещё вопросы

Сообщество Overcoder
Наверх
Меню