how to display two li in time intervel using jquery

Question

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<style type="text/css">
body
{
color:green;
}
</style>
<script type="text/javascript">
$(document).ready(function()
{
 setInterval(findYellow,1000);    
 function findYellow()
{
  $("ul").each(function()
{
   var $this = $(this);
   if($this.css("color") != "green")
{
    $this.css("color", "green");
   $this.text("abcd blue");
   }
else
{
    $this.css("color", "blue");
     $this.text("abcd green");
   }
  });
 }

});
</script>
</head>



    <body>
        <ul>This is a sample set
            <li>1</li>
            <li>3</li>
            <li>5</li>
            <li>7</li>
            <li>9</li>
        </ul>

    </body>
</html>

Could you add a detailed description of the question, dont really understand what you want.. — Damien-Wright, Jan 04 '11 at 05:48

Ben · Answer 1 · 2011-01-04T06:31:31.670

1

Here's a way to do it without JQuery

HTML:

<ul>
  <li id='one' style='display:none'>One</li>
  <li id='two' style='display:none'>Two</li>
</ul>

Javascript:

function showOne() {
  document.getElementById('one').style.display = '';
}

function showTwo() {
  document.getElementById('two').style.display = '';
}

setTimeout(showOne,1000);
setTimeout(showTwo,2000);

You can also get list elements by their index, using the .childNodes[] array property of any <ul> object.

edited Jan 04 '11 at 06:31

answered Jan 04 '11 at 05:52

Ben

54,723
49
178
224

want to replace that list with another text in time intervel – abc Jan 04 '11 at 08:12

score 0 · Answer 2 · answered Jan 04 '11 at 05:50

0

Use

$("li")

instead of

$("ul").

answered Jan 04 '11 at 05:50

jd.

4,057
7
37
45

score 0 · Answer 3 · edited May 23 '17 at 12:26

If you want to change the colors of li independently then use $("ul li") instead of $("ul"), this iterate through each li elements under the ul element.

I think there are more problems with your code $().css("color") returns RGB value instead of the color green so you if condition will always fail.

Use the method provided in this post to convert the rgb value to hex value and then compare the values.

Check a working solution in this fiddle.

Need more information about the li in same interval portion of the question.

how to display two li in time intervel using jquery

3 Answers3