Question

这是一个有趣的小脚本，我正在尝试制作。来自另一个数组中随机颜色的数组中的Flash字。（我主要考虑的是有一个移动的bg类型交易。）

我遇到了创建某种循环的问题，导致单词“闪烁/改变”到目前为止所做的只是改变页面重新加载。

*的新 * 好吧，我改变它，所以现在它只是一个功能......它工作！但似乎它使用浏览器内存或其他东西和崩溃.... oops ...是否有一个明确的记忆或javascript的东西，我应该使用??

<html>

<head>
<style>

body

{
  color:black;
}

#quotes 
   {

   }
</style>

</head>

<body>

<script type="text/javascript">

function showQuote() 
{

pickWords =

[
  "Hi!",
  "Welcome!",
  "Hello!"
]

var word22 = pickWords[Math.floor(Math.random()*pickWords.length)];


pickColors =

[
  "#aa2233",
  "#00cc44",
  "#F342AA"
]

var Color22 = pickColors[Math.floor(Math.random()*pickColors.length)];


var Top22 = (Math.floor(Math.random()*800));
var Left22 = (Math.floor(Math.random()*800));

var style33 = '<h4 style="padding-bottom:0px; padding-top:'+Top22+'px; padding-left:'+Left22+'px; font-size: 2.3em; color:'+Color22+';">';
var style34 = '</h4>';

var finWord22 = style33 + word22 + style34;


var duration = 400;  




     document.getElementById("quotes").innerHTML=finWord22;
setInterval('showQuote()',duration);

}


onload = function()
{
showQuote();
}



</script>

<div id="quotes"></div>


</body>

Answer 1

你需要在showQuote（）函数中使用'pickword'。

现在，你正在选择一个单词onload，并在每次超时时使用该单词。

将整个代码包装到一个函数中并在加载时调用该函数。

function ShowQuote(){
    //...
    setTimeout(ShowQuote, duration);
}

ShowQuote();

Answer 2

你在函数中调用setinterval，你应该使用settimeout。这应该可以帮助你解决崩溃问题：P

随机闪烁的单词

2 个答案: