Grow your CSS skills. Land your dream job.

How do I create a 3 second delay in this jQuery. I want it to load the text 3 seconds after the page

  • # January 27, 2013 at 12:42 am

    # January 27, 2013 at 12:43 am

    OK… that doesn’t look too good!

    # January 27, 2013 at 4:55 am

    You can use a `setTimeout` to delay the execution of a block of code. For example:

    jQuery.noConflict();
    jQuery(document).ready(function () {
    var intervalTime = 50,
    div = jQuery(“.animate”),
    st = div.text(),
    timer, count = 0,
    total = st.length;
    div.html(“”).css(“visibility”, “visible”);

    setTimeout(function() {
    timer = setInterval(showLetters, intervalTime);
    }, 3000);

    function showLetters() {
    if (count < total) {
    div.html(div.text().split(“_”).join(“”) + st.charAt(count) + “”);
    count++;
    } else {
    clearInterval(timer);
    }
    }
    });

    And btw, to get code to look good on this forum, select it all, hit the ‘Code’ button, and make sure there’s a line break before and after it.

    # January 27, 2013 at 6:37 pm

    Excellent… Thanks champ!

    # January 28, 2013 at 6:17 am

    hi everyone,

    I’m trying to add this moving/sliding tab into my page. Here’s its demo page: http://www.queness.com/resources/html/movetab/index.html

    http://www.gettermpaper.com/

    Can anyone point out what mistake I’m doing ?

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".