每60秒随机更改一个字母

时间:2014-07-14 13:02:22

标签: javascript

我正在尝试找到一种方法,每5秒更换一个字母。我已完成随机部分,但无法确定如何每5秒更改一次。以下是我到目前为止所做的事情,我希望有人可以告诉我哪里出错了。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
        function randomString(Length)
        {
            var text = "";
            var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
            for( var i=0; i < Length; i++ )
                text += possible.charAt(Math.floor(Math.random() * possible.length));
            return text;
        }
        function ChangingRandomString(Length)
        {
            setInterval(function(){
                return randomString(Length);
            },5000);
        }
    </script>
</head>
<body>
<div id="wrap">
<p>Random Changing Letter : <script type="text/javascript">ChangingRandomString(1);</script></p>
<p>Random Static Letter : <script type="text/javascript">document.write(randomString(1));</script></p>
</div>
</body>
</html>

在理想的世界中,我希望也能让那些喜欢挑战的人不断变换信件:-)

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我的建议:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function randomString(Length)
            {
                var text = "";
                var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
                for( var i=0; i < Length; i++ )
                    text += possible.charAt(Math.floor(Math.random() * possible.length));
                return text;
            }
            function ChangingRandomString(Length)
            {
                setInterval(function(){
                    document.getElementById("random").innerHTML = randomString(Length);
                },5000);
            }
        </script>
    </head>
    <body>
        <div id="wrap">
        <p>Random Changing Letter : <span id="random"></span></p>
        <p>Random Static Letter : <script type="text/javascript">document.write(randomString(1));</script></p>
        </div>
    </body>
    <script>ChangingRandomString(1)</script>
</html>

您的代码无法正常工作,因为您无法在任何地方致电ChangingRandomString。它只是返回了一些内容,但它并没有被写出来。

这样,我使用了一个每5秒重写一次的span,并在body标记的末尾调用了脚本。

对于淡出的东西,我真的建议你使用jQuery来促进那种事情。您还可以查看here