jQuery fadeIn and fadeOut error messages with a delay

Posted on June 29, 2009 by zzz_zwp

A simple jQuery snippet to fade out a flash error afater it loads. The Fade in doesn’t seem to be working 100% correct yet but it is good enough for now.

 $(document).ready(function(){

      $("#flash-message").fadeIn("slow");

      $("#flash-message").animate({opacity: 1.0}, 3000)

      $("#flash-message").fadeOut("slow");

  });

Effect Delay Trick » Learning jQuery – Tips, Techniques, Tutorials

http://docs.jquery.com/Special:Search?ns0=1&search=delay&go=

Leave a Reply Cancel reply

Toggle Console (0)

No entries found.

Profiler (0 ms)

No entries found.

SQL (32 queries | 25.17 ms)

0.5250	`SELECT option_value FROM wp_options WHERE option_name = 'GOTMLS_nonce_array' LIMIT 1`
0.5109	`SELECT option_value FROM wp_options WHERE option_name = 'GOTMLS_definitions_array' LIMIT 1`
0.4630	`SELECT option_value FROM wp_options WHERE option_name = 'GOTMLS_scan_log/3.145.155.202/1737198433.6557' LIMIT 1`
0.3510	`SELECT option_value FROM wp_options WHERE option_name = 'gzipcompression' LIMIT 1`
0.3841	`SELECT option_value FROM wp_options WHERE option_name = 'rsssl_encryption_keys_set' LIMIT 1`
0.3178	`SELECT option_value FROM wp_options WHERE option_name = 'rsssl_le_certificate_generated_by_rsssl' LIMIT 1`
0.2940	`SELECT option_value FROM wp_options WHERE option_name = 'rsssl_ssl_activation_active' LIMIT 1`
0.6571	`SELECT option_name, option_value FROM wp_options WHERE option_name IN ('_site_transient_wp_theme_files_patterns-521ceac6f7ea50d1f2c96a08a1af8fc4','_site_transient_timeout_wp_theme_files_patterns-521ceac6f7ea50d1f2c96a08a1af8fc4')`
0.4549	`SELECT option_value FROM wp_options WHERE option_name = 'preload_cache_counter' LIMIT 1`
0.8128	`SELECT ID, post_name, post_parent, post_type FROM wp_posts WHERE post_name IN ('jquery-fadein-and-fadeout-error-messages-with-a-delay') AND post_type IN ('page','attachment')`
1.0159	`SELECT wp_posts.* FROM wp_posts WHERE 1=1 AND wp_posts.post_name = 'jquery-fadein-and-fadeout-error-messages-with-a-delay' AND wp_posts.post_type = 'post' ORDER BY wp_posts.post_date DESC`
1.3762	`SELECT DISTINCT t.term_id, tr.object_id FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category', 'post_tag', 'post_format') AND tr.object_id IN (1491) ORDER BY t.name ASC`
1.3781	`SELECT t., tt. FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id WHERE t.term_id IN (403,404,97,1,98)`
0.9780	`SELECT post_id, meta_key, meta_value FROM wp_postmeta WHERE post_id IN (1491) ORDER BY meta_id ASC`
0.8731	`SELECT * FROM wp_posts WHERE ID = 1716 LIMIT 1`
0.6850	`SELECT option_value FROM wp_options WHERE option_name = 'https_migration_required' LIMIT 1`
0.6380	`SELECT option_value FROM wp_options WHERE option_name = 'site_logo' LIMIT 1`
1.0490	`SELECT t., tt. FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id WHERE t.term_id = 468`
2.0611	`SELECT wp_posts.* FROM wp_posts LEFT JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) WHERE 1=1 AND ( wp_term_relationships.term_taxonomy_id IN (468) ) AND wp_posts.post_type = 'nav_menu_item' AND ((wp_posts.post_status = 'publish')) GROUP BY wp_posts.ID ORDER BY wp_posts.menu_order ASC`
1.5302	`SELECT post_id, meta_key, meta_value FROM wp_postmeta WHERE post_id IN (1670,1671,1672,1681,1682) ORDER BY meta_id ASC`
0.6480	`SELECT wp_posts.* FROM wp_posts WHERE ID IN (1542,1534,1579,1544)`
0.8318	`SELECT post_id, meta_key, meta_value FROM wp_postmeta WHERE post_id IN (1542,1534,1579,1544) ORDER BY meta_id ASC`
1.0059	`SELECT DISTINCT t.term_id FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category') AND tr.object_id IN (1491) ORDER BY t.name ASC`
1.3509	`SELECT user_id, meta_key, meta_value FROM wp_usermeta WHERE user_id IN (1) ORDER BY umeta_id ASC`
0.6490	`SELECT * FROM wp_users WHERE ID IN (1)`
0.7529	`SELECT p.ID FROM wp_posts AS p WHERE p.post_date < '2009-06-29 19:06:00' AND p.post_type = 'post' AND p.post_status = 'publish' ORDER BY p.post_date DESC LIMIT 1`
0.6609	`SELECT * FROM wp_posts WHERE ID = 1492 LIMIT 1`
0.6320	`SELECT p.ID FROM wp_posts AS p WHERE p.post_date > '2009-06-29 19:06:00' AND p.post_type = 'post' AND p.post_status = 'publish' ORDER BY p.post_date ASC LIMIT 1`
0.5958	`SELECT * FROM wp_posts WHERE ID = 1490 LIMIT 1`
0.5889	`SELECT SQL_CALC_FOUND_ROWS wp_comments.comment_ID FROM wp_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 1491 AND comment_parent = 0 ORDER BY wp_comments.comment_date_gmt ASC, wp_comments.comment_ID ASC`
0.5472	`SELECT option_value FROM wp_options WHERE option_name = 'akismet_comment_nonce' LIMIT 1`
0.5529	`SELECT option_value FROM wp_options WHERE option_name = 'akismet_comment_form_privacy_notice' LIMIT 1`

Templates

[0] => themes/twentyeleven/inc/theme-options.php
[1] => themes/twentyeleven/inc/widgets.php
[2] => themes/twentyeleven/single.php
[3] => themes/twentyeleven/header.php
[4] => themes/twentyeleven/searchform.php
[5] => themes/twentyeleven/content-single.php
[6] => themes/twentyeleven/comments.php
[7] => themes/twentyeleven/footer.php
[8] => themes/twentyeleven/sidebar-footer.php

Globals

$_GET = array (
);

$_POST = array (
);

$_COOKIE = array (
);

$_SESSION = array (
);

$_SERVER = array (
  'SERVER_SOFTWARE' => 'Apache',
  'REQUEST_URI' => '/jquery-fadein-and-fadeout-error-messages-with-a-delay/',
  'LSPHP_ENABLE_USER_INI' => 'on',
  'PATH' => '/usr/local/bin:/usr/bin:/bin',
  'TEMP' => '/tmp',
  'TMP' => '/tmp',
  'TMPDIR' => '/tmp',
  'PWD' => '/',
  'HTTP_ACCEPT' => '*/*',
  'HTTP_ACCEPT_ENCODING' => 'gzip, br, zstd, deflate',
  'CONTENT_LENGTH' => '0',
  'HTTP_HOST' => 'www.zzzzzzzzz.net',
  'HTTP_REFERER' => 'https://zzzzzzzzz.net/?p=1491',
  'HTTP_USER_AGENT' => 'Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)',
  'HTTP_X_HTTPS' => '1',
  'REDIRECT_UNIQUE_ID' => 'Z4uLYb7rH9eZpfF7V0k-GgACQkY',
  'REDIRECT_QS_ConnectionId' => '173719843362670238536884',
  'REDIRECT_SCRIPT_URL' => '/jquery-fadein-and-fadeout-error-messages-with-a-delay/',
  'REDIRECT_SCRIPT_URI' => 'https://www.zzzzzzzzz.net/jquery-fadein-and-fadeout-error-messages-with-a-delay/',
  'REDIRECT_HTTPS' => 'on',
  'REDIRECT_SSL_TLS_SNI' => 'www.zzzzzzzzz.net',
  'REDIRECT_HTTP2' => 'on',
  'REDIRECT_H2PUSH' => 'off',
  'REDIRECT_H2_PUSH' => 'off',
  'REDIRECT_H2_PUSHED' => '',
  'REDIRECT_H2_PUSHED_ON' => '',
  'REDIRECT_H2_STREAM_ID' => '1',
  'REDIRECT_H2_STREAM_TAG' => '536884-1046-1',
  'REDIRECT_STATUS' => '200',
  'UNIQUE_ID' => 'Z4uLYb7rH9eZpfF7V0k-GgACQkY',
  'QS_ConnectionId' => '173719843362670238536884',
  'SCRIPT_URL' => '/jquery-fadein-and-fadeout-error-messages-with-a-delay/',
  'SCRIPT_URI' => 'https://www.zzzzzzzzz.net/jquery-fadein-and-fadeout-error-messages-with-a-delay/',
  'HTTPS' => 'on',
  'SSL_TLS_SNI' => 'www.zzzzzzzzz.net',
  'HTTP2' => 'on',
  'H2PUSH' => 'off',
  'H2_PUSH' => 'off',
  'H2_PUSHED' => '',
  'H2_PUSHED_ON' => '',
  'H2_STREAM_ID' => '1',
  'H2_STREAM_TAG' => '536884-1046-1',
  'SERVER_SIGNATURE' => '',
  'SERVER_NAME' => 'www.zzzzzzzzz.net',
  'SERVER_ADDR' => '192.185.137.117',
  'SERVER_PORT' => '443',
  'REMOTE_ADDR' => '3.145.155.202',
  'DOCUMENT_ROOT' => '/home1/zzz/public_html',
  'REQUEST_SCHEME' => 'https',
  'CONTEXT_PREFIX' => '',
  'CONTEXT_DOCUMENT_ROOT' => '/home1/zzz/public_html',
  'SERVER_ADMIN' => 'webmaster@zzzzzzzzz.net',
  'SCRIPT_FILENAME' => '/home1/zzz/public_html/index.php',
  'REMOTE_PORT' => '4658',
  'REDIRECT_URL' => '/jquery-fadein-and-fadeout-error-messages-with-a-delay/',
  'SERVER_PROTOCOL' => 'HTTP/2.0',
  'REQUEST_METHOD' => 'GET',
  'QUERY_STRING' => '',
  'SCRIPT_NAME' => '/index.php',
  'PHP_SELF' => '/index.php',
  'REQUEST_TIME_FLOAT' => 1737198433.638411998748779296875,
  'REQUEST_TIME' => 1737198433,
  'argv' => 
  array (
  ),
  'argc' => 0,
);

z z z z z z z z z

z z z z z z z z z

jQuery fadeIn and fadeOut error messages with a delay

Leave a Reply Cancel reply