Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Появление текста с задержкой (https://javascript.ru/forum/misc/68766-poyavlenie-teksta-s-zaderzhkojj.html)

losapwild 07.05.2017 13:27

Появление текста с задержкой
 
Как сделать так, чтобы текст в блоке был прозрачный (100%), а через секунду стал видимым?

Пробовал через

$(document).ready(function() {
$('.nons').delay(500).fadeIn(500);
});

И
display:none
у блока

Но так исчезает вначале не только текст, но и занятое им пространство.

Нужно чтобы текст был невидимым 500-1000мс, при этом чтобы место где текст было просто пустое, а после чтобы уже появился текст в этом месте

losapwild 07.05.2017 13:38

Можно сделать так, чтобы блок был прозрачным в которым текст, при этом опять же чтобы занятое блоком место на сайте было занято

рони 07.05.2017 14:35

losapwild,
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>fadeTo demo</title>
  <style type="text/css">
  p{
    opacity: 0;
  }

  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script>
$(function() {
 $("p").delay(400).fadeTo( "slow", 1 );
});
</script>
</head>
<body>
<p>
 this paragraph to see it fade.
</p>
</body>
</html>


Часовой пояс GMT +3, время: 13:26.