Question

$(document).ready(function(){
  $(".def").click(function(event){
    $("#l1").attr('class', 'active');
    $("#l2").attr('class', 'inactive');
    $("#l3").attr('class', 'inactive');
    $("#readmore").attr('action', 'http://www.facebook.com');
      $(".summary").fadeout(1000, function(){
        $("#s1").text('text here');
        $(".summary").fadein(1000);
      });
  });
  $("#l2").click(function(event){
    $(".summary").fadeout(1000, function(){
      $("#l2").attr('class', 'active');
      $("#l1").attr('class', 'inactive');
      $("#l3").attr('class', 'inactive');
      $("#readmore").attr('action', 'http://www.google.com');
        $("#s1").text('text here 2');
        $(".summary").fadein(1000);
    });
  });
  $("#l3").click(function(event){
    $(".summary").fadeout(1000, function(){
      $("#l3").attr('class', 'active');
      $("#l2").attr('class', 'inactive');
      $("#l1").attr('class', 'inactive');
      $("#readmore").attr('action', 'http://www.youtube.com');
        $("#s1").text('text here 3');
        $(".summary").fadein(1000);
    });
  });
});

上面的脚本是每当用id或类点击指定的链接时它会更改网站区域的文本...但我还希望它每10秒自动轮换一次......那将是什么在此脚本中实现此功能的最佳方式......

谢谢！您可以查看整个页面 - 此处 - link

Answer 1

我不知道最好的方法是什么。您可以在此处发布睡眠功能： What is the JavaScript version of sleep()?

function pausecomp(millis)
 {
  var date = new Date();
  var curDate = null;
  do { curDate = new Date(); }
  while(curDate-date < millis);
}

然后有一个计数器，看看你的旋转，有一个不断变化的while循环。

var counter = 0;
while(true)
{
   switch(counter) {
        case : 0 {
        $('.def').click();
        break;
        case : 1 {
        $('#l2').click();
        break;
        case : 2 {
        $('#l3').click();
        break;
   }
   counter = counter + 1;
   if(counter == 3)
       counter = 0;
}

“原油”的做法，但应该有效：）

JQuery每隔几秒就会轮换一次

1 个答案: