0
$(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またはクラスでクリックされるたびに、Webサイトの領域のテキストを変更します...しかし、10秒ごとに自動回転させたいです...これをこのスクリプトに実装する...

ありがとう!ページ全体を表示できます-ここ-リンク

4

1 に答える 1

0

私は最善の方法が何であるかを知りません。ここに投稿されたスリープ関数を作成できます: sleep() の JavaScript バージョンは何ですか?

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;
}

それを行う「粗雑な」方法ですが、うまくいくはずです:)

于 2012-10-10T23:07:33.180 に答える