how to make some text in web page visible after 20 sec.

Discussion in 'Scripts, 3rd Party Apps, and Programming' started by royal.prnvd, Sep 17, 2011.

  1. royal.prnvd

    royal.prnvd New Member

    Messages:
    9
    Likes Received:
    0
    Trophy Points:
    0
    i am new and i like to hide some text in webpage/html for atleast 20 sec. or 30 sec., and also timer should run like 20 19 18 17 ..... so that other know how much time is left,

    and yes, this script do not reload the page, its just hide text and display when timer is off

    ---------- Post added at 01:43 PM ---------- Previous post was at 11:47 AM ----------

    anyone help plzzz
     
  2. descalzo

    descalzo Grim Squeaker Community Support

    Messages:
    9,375
    Likes Received:
    327
    Trophy Points:
    83
  3. VPmase

    VPmase New Member

    Messages:
    914
    Likes Received:
    0
    Trophy Points:
    0
    Here is a quick script:
    In your <head> tags put this:
    Code:
    <script>
    function cDown(x, wrd){
    if(x>0){
    setTimeout(cDown(x-1, wrd), 1000);
    } else {
    document.getElementById('hideText').innerHTML = "Hidden word: " + wrd;
    }
    [code]
    And put this in your body tag so it looks like
    [code]<body onload="cDown('20', 'Mase is cool! :)';">
    And have a div like this somewhere in the body:
    Code:
    <div id="hideText">20</div>

    Now I haven't tested this since I just wrote in on the spot so you might have to do some debugging. if you need more help just reply to this post.
     
  4. mukhi

    mukhi New Member

    Messages:
    23
    Likes Received:
    0
    Trophy Points:
    0
    cool gud job!!!
     
  5. samayeuf41

    samayeuf41 New Member

    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    0
    Thx u very much bro .!!
     
  6. simon.evanz48

    simon.evanz48 Member

    Messages:
    32
    Likes Received:
    0
    Trophy Points:
    6
    A really cool jQuery Plugin which enables you to visually control the appearance of your webpage elements or complete sections of your site, basically, any inline or block level tags.

    The beauty of this plugin and jQuery as a whole is that you don't really have to get your hands dirty with DOM manipulation its pretty much taken care of with this library

    The name of this fab plugin is called jQuery BlockUI Plugin (v2).

    This may come in handy say for instance to block user activity for the page:

    Code:
    $.blockUI();
    Blocking with a custom message:

    Code:
    $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });
    Blocking with custom style:

    Code:
    $.blockUI({ css: { backgroundColor: '#f00', color: '#fff'} });
    To unblock the page:
    Code:
    $.unblockUI();

    If you want to use the default settings and have the UI blocked for all ajax requests, it's as easy as this

    Code:
    $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
    You may also find this demo section helpful too..
     

Share This Page