Home/ Questions/Q 8364517
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T12:26:55+00:00

I have done a function that reads out the content of an element using

  • 0

I have done a function that reads out the content of an element using the speech api, I am having a list of news like this

<ul id="news">
    <li>
How Instagram Is Winning Gold at the 2012 Olympics [INFOGRAPHIC]
   </li><li>
      Flickr Photo of Insect Identified As Never-Before-Seen Species [VIDEO]
   </li><li>
      The Upside to the End of the Olympics [COMIC]
   </li><li>
      40 Digital Media Resources You May Have Missed
   </li><li>
      19 Resources to Improve Your Photo and Video Skills
   </li><li>
      Top 10 Twitter Pics of the Week
   </li><li>
      Can Employees Be Trusted to Work From Home? [INFOGRAPHIC]
   </li><li>
      Capture Ghosts at Foursquare Spots With ‘Ghostbusters’ iOS Game
   </li><li>
      Dog Is Terrified of Low-Fat Lamb Jerky [VIDEO]
   </li><li>
      5 Tips to Take Food Photos Good Enough to Eat
   </li><li>
      The 10 Most Stunning Images of Mars in History
   </li><li>
      The Many Looks of Spiderman Over the Past 50 Years [INFOGRAPHIC]
   </li><li>
      Top Ten GIFs of the Week
   </li><li>
      Romney and Obama Both Called Their Veeps the ‘Next President’ [VIDEO]
   </li><li>
      Paul Ryan Visited Facebook, Met Zuckerberg [PICS]
   </li><li>
      Romney’s Logo Looks Like Toothpaste [PICS]
   </li><li>
      Paul Ryan, Romney’s VP Pick, Has Sizable Online Presence
   </li><li>
      Get Back in Kitchen With This Specialized Recipe Site
   </li>

</ul>

Now am reading out text using this function.

function speak() {
    //speechapi.speak(document.getElementById('start').innerHTML,"male");
    speechapi.speak(document.getElementById('start').innerHTML,"male");

}

How do i make it read each li with a small interval in between? I don’t want to use jquery or like.
But I am not able to do it.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s one way of doing it, with a delay of 2 seconds between each line:

    var news = document.getElementById('news').getElementsByTagName('li');

var newsItem = 0;
var speechInterval = setInterval(function(){
    speechapi.speak(news[newsItem].innerHTML, "male");
    if (++newsItem === news.length){
        window.clearInterval(speechInterval);
    }
}​, 2000);

    DEMO, inserting text in a <p> tag instead of speaking it

    • 0