我正在尝试找到一种方法,每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>
在理想的世界中,我希望也能让那些喜欢挑战的人不断变换信件:-)
提前感谢您的帮助。
答案 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。