Я довольно новый программист, и в настоящее время я пытаюсь понять ООП со стороны 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
У вас есть опечатка в коде. Используйте getElementById
вместо getElementbyId
. Имена переменных JavaScript (и методы) чувствительны к регистру.
Скрипт: http://jsfiddle.net/FcrQ7/
Всегда проверяйте консоль вашего браузера, если что-то в вашем коде не работает. У вас была следующая ошибка:
Uncaught TypeError: Object # не имеет метода getElementbyId,