setInterval и функция

Question

setInterval и функция

0

Я написал эту простую функцию:

HTML:

<div class="mhead">
 <div class="mTop"> 
   <a class="headline" title="" href=""> 
     <img alt="" src=""> 
     <span> </span> 
   </a> 
 </div>
<div class="tNav">
 <ul id="topt" class="tUl">
  <li title="http://www.site.com/761028497.jpg"> <a title="" href="">1</a> </li>
  <li title="http://www.site.com/761028497.jpg"> <a title="" href="">2</a> </li>
 </ul>
</div>

Функции:

$.fn.inters = function (target) {
    this.find('li').hover(function () {
    var head = $(this).find('a').attr('title');
    var image = $(this).attr('title');
    var href = $(this).find('a').attr('href');
    $(target).find('img').attr('src', image);
    $(target).find('img').attr('alt', head);
    $(target).attr('href', href);
    $(target).attr('title', head);
    $(target).find('span').html(head);
}).eq(0).hover();}

$("#topt").inters('.headline');

Я хочу добавить setInterval к этому script:

$(function() {
setInterval( "inters()", 3000 );
 });

Но элементы заголовка не меняются. Как я могу внести изменения в функцию inters каждые 3000 мс?

Заранее спасибо

utopia 23 апр. 2011, в 21:35

Источник

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Kevin · Answer 1 · 2011-04-23T17-46-00.000Z

Ваш setInterval будет пытаться вызвать функцию inters() каждые 3 секунды, что, вероятно, не так, как вы хотите.

Что я думаю, которое вы хотите выполнить, это следующая строка:

$('#topt').inters('.headline');

Если вы хотите сделать это, вы должны создать функцию, которая будет выполнять эту строку, например:

setInterval(function() {
    $('#topt').inters('.headline');    
}, 3000);

Вышеуказанное вызовет $('#topt').inters('.headline'); каждые 3 секунды.

@kevin, я проверил твой путь и путь @ stecb, но он не работает. В моей функции есть проблема, но я не могу ее найти.
@utopia: Не могли бы вы опубликовать HTML, который затронут?
@kevin, я отредактировал свой вопрос. Благодарю.
@utopia: вы получаете ошибку javascript? Потому что вы, кажется, скучаете по скобке.
@utopia: Посмотрите на эту скрипку: jsfiddle.net/J2ywA Я немного изменил ваш код, но не могли бы вы сказать мне, если он делает то, что вы хотите?
@kevin, это новый заголовок, содержание которого меняется при наведении курсора. Но я добавил автоматическое наведение для этого, что содержание меняется каждые 3 секунды. В jsfiddle я хочу, чтобы содержимое «1 2» менялось каждые 3 секунды

stecb · Answer 2 · 2011-04-23T16-51-00.000Z

вам нужно что-то сделать следующим образом:

function foo(){
    $("#topt").inters('.headline');
}

setInterval(foo,3000);