定时事件永远循环

时间:2012-10-11 23:58:20

标签: javascript events timed

我有这个代码在页面加载时执行:

<script type="text/javascript">
function timedEvent1()
{
  setTimeout("ShowObjectWithEffect('wb_TextArt2', 1, 'dropup', 500)",0);
  setTimeout("ShowObjectWithEffect('wb_TextArt2', 0, 'dropdown', 500)",3000);
  setTimeout("ShowObjectWithEffect('wb_TextArt3', 1, 'dropup', 500)",3000);
  setTimeout("ShowObjectWithEffect('wb_TextArt3', 0, 'dropdown', 500)",6000);
  setTimeout("ShowObjectWithEffect('wb_TextArt4', 1, 'dropup', 500)",6000);
  setTimeout("ShowObjectWithEffect('wb_TextArt4', 0, 'dropdown', 500)",9000);
  setTimeout("ShowObjectWithEffect('wb_TextArt5', 1, 'dropup', 500)",9000);
  setTimeout("ShowObjectWithEffect('wb_TextArt5', 0, 'dropdown', 500)",12000);
  setTimeout("ShowObjectWithEffect('wb_TextArt6', 1, 'dropup', 500)",12000);
  setTimeout("ShowObjectWithEffect('wb_TextArt6', 0, 'dropdown', 500)",15000);
}
</script>

如何永远循环这组事件?我读到了“setInterval”函数,但我似乎无法在上面的代码中正确实现它。

感谢。

3 个答案:

答案 0 :(得分:0)

在函数中放置您想要做的任何事情,然后使用setInterval调用该函数:

$(document).ready (
    timing = setInterval ( yourFunction , 900 ) ;
) ;

哦,并使用该jquery函数确保您在文档中加载jquery

<script src="http://code.jquery.com/jquery-latest.js"></script>

答案 1 :(得分:0)

你试过这个吗?

function timedEvent1() {
    setTimeout("ShowObjectWithEffect('wb_TextArt2', 1, 'dropup', 500)", 0);
    setTimeout("ShowObjectWithEffect('wb_TextArt2', 0, 'dropdown', 500)", 3000);
    setTimeout("ShowObjectWithEffect('wb_TextArt3', 1, 'dropup', 500)", 3000);
    setTimeout("ShowObjectWithEffect('wb_TextArt3', 0, 'dropdown', 500)", 6000);
    setTimeout("ShowObjectWithEffect('wb_TextArt4', 1, 'dropup', 500)", 6000);
    setTimeout("ShowObjectWithEffect('wb_TextArt4', 0, 'dropdown', 500)", 9000);
    setTimeout("ShowObjectWithEffect('wb_TextArt5', 1, 'dropup', 500)", 9000);
    setTimeout("ShowObjectWithEffect('wb_TextArt5', 0, 'dropdown', 500)", 12000);
    setTimeout("ShowObjectWithEffect('wb_TextArt6', 1, 'dropup', 500)", 12000);
    setTimeout("ShowObjectWithEffect('wb_TextArt6', 0, 'dropdown', 500)", 15000);
    setTimeout(timedEvent1, 18000);
}

答案 2 :(得分:0)

假设'ShowObjectWithEffect'函数的第三个参数是以毫秒为单位的动画时间,你可以每15500秒调用一次timeEvent1。

setInterval(function(){ timedEvent1(); }, 15500);