javascript和DHTML效果

Question

我使用JavaScript已经有一段时间了--在我拿到证书后，我开始学习Perl，从那以后我就一直在使用它。我只是在试着重新开始使用JS，我写了这个我想说的，是一个简单的小脚本，用来非常简单地更改div的边界。然而，我不能计算出我错在哪里。感谢您的任何建议/建议或想法。在TY之前。这是我的脚本..

<script type="text/javascript">

var i =0;
var e = document.getElementById("text");

e.style.border = "solid black 5px";
e.style.padding = "5px";

var colors = ["red", "yellow", "blue", "green"];

function changeBorder()
{
    e.border = colors[i];
    i++;
    var timer = setTimeout("changeBorder()", 1000);
}

window.onload=function()
{
    changeBorder();
}

</script>



<div id="text">
   <h1>Hello world</h1>I am Mike!.
</div>

Answer 1

试试这个：http://jsfiddle.net/maniator/CEsJR/

<script type="text/javascript">
    var i =0;
var colors = ["red", "yellow", "blue", "green"];

function changeBorder(e)
{
    //restarts color counter
    i = i % colors.length;

    e.style.border = colors[i] + " solid 5px"
    i++;

    var timer = setTimeout(function(){changeBorder(e)}, 1000);
}

window.onload=function()
{


    var e = document.getElementById("text");

    e.style.border = "solid black 5px";
    e.style.padding = "5px";

    changeBorder(e);
}

</script>



<div id="text">
   <h1>Hello world</h1>I am Mike!.
</div>

e变量只能在页面加载时创建

Answer 2

您可能需要：

e.style.borderColor = colors[i];

然后你就需要担心我会变得比颜色的长度大。

类似于：

if (i >= colors.length) i=0;

可能就是我们要走的路。

Answer 3

这是一个example。在setTimeout中，您可以只使用指向要执行的函数的指针。我已经包含了一种在i= 4后重新启动颜色开关的机制。