JavascriptのClickイベントをTimedイベントに置き換えますか？

Question

私はあなたがそれらをクリックすると、お互いの上に写真をレイヤーするいくつかのjavascriptコードを見つけました。

クリックするのではなく、5秒ごとに自動的に機能を実行したいと思います。このイベントをどのようにしてタイムアウトに変更できますか：

$('a#nextImage, #image img').click(function(event){ 

以下のフルコードです。ありがとう

$(document).ready(function() { 
    $('#description').css({ 'display': 'block' }); 
    $('#image img').hover(
     function() { $(this).addClass('hover'); }, 
     function() { $(this).removeClass('hover'); } 
    ); 

    $('a#nextImage, #image img').click(function(event) { 
     event.preventDefault(); 
     $('#description p:first-child').css({ 'visibility': 'hidden' }); 
     if($('#image img.current').next().length) { 
      $('#image img.current').removeClass('current').next().fadeIn('normal').addClass('current').css({ 'position': 'absolute' }); 
     } 
     else{ 
      $('#image img').removeClass('current').css({ 'display': 'none' }); 
      $('#image img:first-child').fadeIn('normal').addClass('current').css({ 'position': 'absolute' }); 
     } 

     if($('#image img.current').width() >= ($('#page').width() - 100)) { 
      xPos = 170; 
     } 
     else { 
      do { 
       xPos = 120 + (Math.floor(Math.random() * ($('#page').width() - 100))); 
      } while(xPos + $('#image img.current').width() > $('#page').width()); 
     } 
     if($('#image img.current').height() >= 300) { 
      yPos = 0; 
     } 
     else{ 
      do { 
       yPos = Math.floor(Math.random() * 300); 
      } while(yPos + $('#image img.current').height() > 300); 
     } 
     $('#image img.current').css({ 'left' :xPos, 'top' :yPos }); 
    }); 
}); 

Answer 1

私はsetInterval関数を試してみます。それはNミリ秒ごとに何かを実行します。それは次のようになります：

setInterval(function() { 
    alert('5 seconds over!'); 
}, 5000); 

Answer 2

$(document).ready(function() { 
    $('#description').css({ 'display': 'block' }); 
    $('#image img').hover(
     function() { $(this).addClass('hover'); }, 
     function() { $(this).removeClass('hover'); } 
    ); 

    setInterval(function() { 
     $('#description p:first-child').css({ 'visibility': 'hidden' }); 
     if($('#image img.current').next().length) { 
      $('#image img.current').removeClass('current').next().fadeIn('normal').addClass('current').css({ 'position': 'absolute' }); 
     } 
     else{ 
      $('#image img').removeClass('current').css({ 'display': 'none' }); 
      $('#image img:first-child').fadeIn('normal').addClass('current').css({ 'position': 'absolute' }); 
     } 

     if($('#image img.current').width() >= ($('#page').width() - 100)) { 
      xPos = 170; 
     } 
     else { 
      do { 
       xPos = 120 + (Math.floor(Math.random() * ($('#page').width() - 100))); 
      } while(xPos + $('#image img.current').width() > $('#page').width()); 
     } 
     if($('#image img.current').height() >= 300) { 
      yPos = 0; 
     } 
     else{ 
      do { 
       yPos = Math.floor(Math.random() * 300); 
      } while(yPos + $('#image img.current').height() > 300); 
     } 
     $('#image img.current').css({ 'left' :xPos, 'top' :yPos }); 
    }, 5000); 
});