Advice on how to adjust this to use a for loop

[Boy_Wonder]

To build a simple news ticker or breaking intel ticker for SHIELD I'm utilising currently this code:

$( document ).ready(function() {

   var inteltick = pb.plugin.get('mm_newsTicker');

   $("#NewIntel").append("<ul id='ticker'><li>"+inteltick.settings.ticker[01].intel+"</li><li>"+inteltick.settings.ticker[02].intel+"</li><li>"+inteltick.settings.ticker[03].intel+"</li><li>"+inteltick.settings.ticker[04].intel+"</li></ul>");



function tick(){

   $('#ticker li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker')).css('opacity', 1); });

}

setInterval(function(){ tick () }, 10000);

});


With this css: 

#ticker {

   height: 40px;

   overflow: hidden;

}

#ticker li {

   height: 40px;

}
Would someone be able to help me and advise me on how to use a for loop effectively to keep a similar layout while using a for loop rather then having to add more items manually

[Wormopolis]

you mean this part right?

$("#NewIntel").append("<ul id='ticker'><li>"+inteltick.settings.ticker[01].intel+"</li><li>"+inteltick.settings.ticker[02].intel+"</li><li>"+inteltick.settings.ticker[03].intel+"</li><li>"+inteltick.settings.ticker[04].intel+"</li></ul>");

[Boy_Wonder]

Yes that part precisely

[Wormopolis]

$("#NewIntel").append("<ul id='ticker'></ul>');
for (tt=0, ticker=inteltick.settings.ticker; tt<ticker.length; tt++) {
$("#NewIntel ul").append("<li>"+ticker[tt].intel+"</li>");
}

[Boy_Wonder]

Thank you! I tried obvious obvious didn't work so I wasn't sure how to make it play

Ignore all its fixed!

[Wormopolis]

recheck what I have above. I didnt notice that it converted the array indices into BBcode.

[Boy_Wonder]

That one seems to cause it to freeze on the second one down
shieldrp.com

It seems to be being unable to now utilise tick where the original one once I adjusted the middle bit to include did work


$( document ).ready(function() {

   var inteltick = pb.plugin.get('mm_newsTicker');

 $("#NewIntel").append("<ul id='ticker'></ul>");

for (tt=0, ticker=inteltick.settings.ticker; tt<ticker.length; tt++) {

$("#NewIntel ul").append("<li>"+ticker[tt].intel+"</li>");

   $('#ticker li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker')).css('opacity', 1); });

   }

/*setInterval(function(){ tick () }, 4000);*/

});
I've tried the setInterval inside the last bracket and outside its coming up with "Uncaught ReferenceError: tick is not defined" 

[Wormopolis]

where did you define the function for tick?

[Boy_Wonder]

-headdesk- I'M BLAMING HEAT!

[Wormopolis]

Miami basketball has a way of doing that to people

[Boy_Wonder]

xD Its too hot in the UK ¬¬ When its reaching 25 degrees in shade it frazzles my brain!