www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] Timed generation

  1. #1
    Join Date
    Jun 2014
    Location
    Wales UK
    Posts
    2

    resolved [RESOLVED] Timed generation

    Hi all some have already been very helpful here as I found what I needed on another thread, however I would like to slow down how quickly the text is displayed. Please let me give you a quick idea of what I would like help with, I would like to display random jokes on my comedy website, but using the code below it is generated to quickly to read, could anyone please help by showing me a way to slow this down, I am not a programmer and I have built my previous site using an online platform, I am about to launch a new much more larger site which I am learning on the job so to speak. Many thanks in advance.

    <html>
    <head>
    <title>Random Text</title>
    <script type="text/javascript">
    var textarray = [
    "<p><small><strong></p><p><i>&quot; If a turtle doesn't have a shell, is it naked or homeless? &quot;</i></small></p>",
    "<p><small><strong></p><p><i>&quot; Good news for insomniacs.&nbsp Only another 140 non sleeps till Christmas. &quot;</i></small></p>",
    "<p><small><strong></p><p><i>&quot; What's another word for thesaurus.&quot; &nbsp (Steven Wright) </i></small></p>",
    "<p><small><strong></p><p><i>&quot; When I seen a nun in a wheelchair one thought came to mind.&nbsp Virgin mobile. &quot;</i></small></p>"
    ];

    function RndText() {
    var rannum= Math.floor(Math.random()*textarray.length);
    document.getElementById('ShowText').innerHTML=textarray[rannum];
    }
    onload = function() { RndText(); }

    var inter = setInterval(function() { RndText(); }, 2000);

    </script>
    </head>
    <body>
    <div id="ShowText"></div>
    </body>

    </html>

  2. #2
    Join Date
    Jun 2014
    Location
    Wales UK
    Posts
    2
    I have resolved this via

    Code:
    <script src="http://code.jquery.com/jquery-1.7.min.js"></script>
    <script>
    $(function () {
        var messages = [],
            index = 0;
    
        messages.push('<p><small><strong></p><p><i>&quot; You know you are ugly when it comes to a group picture and they hand you the camera.&quot;</i></small></p>');
        messages.push('<p><small><strong></p><p><i>&quot; What do you call a blonde with brains?.... A labrador.&quot; &nbsp (Lee Mack) </i></small></p>');
        messages.push('<p><small><strong></p><p><i>&quot; If a turtle does not have a shell, is it naked or homeless? &quot;</i></small></p>');
        messages.push('<p><small><strong></p><p><i>&quot; People do not realize that the future is just now, but later.&quot; &nbsp (Russell Brand) </i></small></p>');
        messages.push('<p><small><strong></p><p><i>&quot; I am English, and as such I crave disappointment.&nbsp That is why I buy Kinder Suprise.&quot; &nbsp(Bill Bailey)</i></small></p>');
        messages.push('<p><small><strong></p><p><i>&quot; My father had a profound influence on me, he was a lunatic.&quot; &nbsp (Spike Milligan)</i></small></p>');
        
        function cycle() {
            $('#some-id').html(messages[index]);
            index++;
    
            if (index === messages.length) {
                index = 0;
            }
    
            setTimeout(cycle, 7000);
        }
    
        cycle();
    });
    </script>
    <div id="some-id"></div>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles