循环浏览导航菜单,就像单击一样

时间:2014-01-01 12:52:38

标签: javascript jquery html css

我的导航菜单设置为星期几,当网页打开时和/或如果用户未执行某段时间的操作,我希望页面循环播放这一周好像被点击了,间隔时间为15秒左右。

<div id="nav" class="inner dark-blue">
   <ul>
      <li id="sunday" style='border: none'>Sunday</li>
      <li id="monday">Monday</li>
      <li id="tuesday">Tuesday</li>
      <li id="wednesday">Wednesday</li>
      <li id="thursday">Thursday</li>
      <li id="friday">Friday</li>
      <li id="saturday">Saturday</li>
      <li id="about">About</li>
   </ul>
</div>

使用JavaScript执行此操作的最佳方法是什么?我已经尝试过setTimeout但它没有按预期工作。

编辑:

我现在使用以下代码参与其中:

for (var i = 0; i < menuitems.length; i++){
  $(menuitems[i]).delay(10000*i).queue(function() {
    $(this).trigger('click'); /**Nearly there!**/
  });
};

这是从星期日到星期六停止,我希望它能回到星期天。

1 个答案:

答案 0 :(得分:0)

您可以使用

window.setInterval(function,milliseconds,lang);

Reference link