Question

我是一个相当新的程序员，目前正试图从JS方面了解OOP。我有一些非常基本的闪存光标代码，但由于某种原因它不起作用。页面加载，光标只显示在屏幕上而没有变化。代码如下：

<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

Answer 1

您的代码中有拼写错误。使用getElementById代替getElementbyId。 JavaScript变量名称（和方法）区分大小写。

小提琴：http://jsfiddle.net/FcrQ7/

请始终检查您的浏览器控制台，以防代码中的某些内容无效。您遇到以下错误：

未捕获TypeError：对象＃没有方法'getElementbyId'

Answer 2

其工作

更改getElementById而不是getElementbyId

Fiddle

我的setInterval功能根本不起作用，Google Chrome

2 个答案: