How to wait 5 seconds with jQuery?
Posted By: Anonymous
I’m trying to create an effect where the page loads, and after 5 seconds, the success message on the screen fades out, or slides up.
How can I achieve this?
Solution
Built in javascript setTimeout.
setTimeout(
function()
{
//do something special
}, 5000);
UPDATE: you want to wait since when the page has finished loading, so put that code inside your $(document).ready(...); script.
UPDATE 2: jquery 1.4.0 introduced the .delay method. Check it out. Note that .delay only works with the jQuery effects queues.
Answered By: Anonymous
Related Articles
- What is Ember RunLoop and how does it work?
- How to dispatch a Redux action with a timeout?
- Text size and different android screen sizes
- Watch $route.params.slug doesn't triggered vuejs
- Pure JavaScript equivalent of jQuery's $.ready() -…
- Vue.js, how to add/modify css class inside slot from parent
- How to make the script wait/sleep in a simple way in unity
- Running a cron every 30 seconds
- How do I return the response from an asynchronous call?
- The definitive guide to form-based website authentication
- jQuery Mobile: document ready vs. page events
- VueJS masonry layout
- Use Reveal.js with Polymer
- render function or template not defined in…
- Any difference between await Promise.all() and…
- How to use html template with vue.js
- load scripts asynchronously
- How do I convert datetime.timedelta to minutes,…
- What does this symbol mean in JavaScript?
- Playing HTML5 video on fullscreen in android webview
- Vue.js: transition-group animation doesn't work
- Minimal Example of Aurelia with Express
- Android adding simple animations while…
- Am I paranoid? "Brutally" big Polymer website after…
- How to implement `au run --watch` task + debugging
- How do I include a JavaScript file in another…
- When to use RabbitMQ over Kafka?
- Start redis-server with config file
- Vue.js transition and transition-group animations…
- How do SO_REUSEADDR and SO_REUSEPORT differ?
- jQuery Uncaught TypeError: Property '$' of object…
- Load and execution sequence of a web page?
- How to correctly iterate through getElementsByClassName
- The simplest possible JavaScript countdown timer?
- Efficient Algorithm for Bit Reversal (from…
- jest.fn() claims not to have been called, but has
- Dynamic Components with Slots
- load and execute order of scripts
- RabbitMQ / AMQP: single queue, multiple consumers…
- Emit event from content in slot to parent
- using setTimeout on promise chain
- Delete all the queues from RabbitMQ?
- How can you force the UI to update in the middle of…
- Live chat scraping (Youtube) with casper. Issue with…
- Why is my variable unaltered after I modify it…
- Dynamically changing url in Backbone
- How to force Sequential Javascript Execution?
- How to use multiprocessing queue in Python?
- My local server can't find bower files when I run my…
- Use of PUT vs PATCH methods in REST API real life scenarios
- How does PHP 'foreach' actually work?
- Vuejs route redirect on refresh
- YouTube iframe API: how do I control an iframe…
- Android splash screen image sizes to fit all devices
- JavaScript Loading Screen while page loads
- How to push to vue-router without adding to history?
- How to use Servlets and Ajax?
- JavaScript TypeError: Cannot read property 'style' of null
- Vue equivalent of setTimeout?
- How to display a loading template in Ember while…
- Aurelia router view animation with swap-order="with"
- How can I change the width and height of slides on…
- CSS Animation and Display None
- setTimeout in for-loop does not print consecutive values
- VueJS with normal JavaScript
- Where should I put tags in HTML markup?
- Svelte transition between two elements "jumps"
- How to filter a RecyclerView with a SearchView
- Getting a loading scren to work with Polymer
- Emberjs : how to display loading spinner and…
- Detect if page has finished loading
- What are the undocumented features and limitations…
- Wait until page is loaded with Selenium WebDriver for Python
- Loading order for script inside body and using jquery ready
- What's the difference between eval, exec, and compile?
- What are type hints in Python 3.5?
- jQuery show for 5 seconds then hide
- Ukkonen's suffix tree algorithm in plain English
- Understanding PrimeFaces process/update and JSF…
- Dead simple example of using Multiprocessing Queue,…
- Use a content script to access the page context…
- Is it possible to apply CSS to half of a character?
- Vue.js page transition fade effect with vue-router
- Scope issue within Backbone model.fetch() callback…
- Simple C example of doing an HTTP POST and consuming…
- Ember.js Rendering template while waiting for data
- Beautiful way to remove GET-variables with PHP?
- Vue.js loading indicator for computed property re-render
- How do I create a splash screen in VueJS?
- Aurelia: Declaring custom element at top-level and…
- Eclipse will not start and I haven't changed anything
- Why does C++ code for testing the Collatz conjecture…
- Next.js - execute callback when Router.push() or…
- What is a NullReferenceException, and how do I fix it?
- Simple Vue.js Computed Properties Clarification
- How do I implement basic "Long Polling"?
- BackboneJs: Uncaught TypeError: undefined is not a function
- How can I integrate javascript hot reload into…
- "Access is denied" JavaScript error when trying to…
- Vue JS - How do I get WebGL to render via Vue…
Disclaimer: This content is shared under creative common license cc-by-sa 3.0. It is generated from StackExchange Website Network.
