تاخیر انداختن در جاوااسکریپت و جی کوئری

سلام دوستان , در برنامه ای که میبینید میخواستم با اجرا شدنش اول کلمه hello ظاهر بشه و برای 2 ثانیه روی صفحه بمونه و بعد پاک بشه و بجاش کلمه world ظاهر بشه . ولی عملا کلمه world همزمان با hello ظاهر میشه . چرا برنامه در خطی که تاخیر 2000 میلی ثانیه ای رو میبینه صبر نمیکنه تا تایمش تموم بشه ؟ راه حلش چیه؟ ممنون از شما
<body>
<div id="message" style="display:none;">Hello!</div>
<p id="sentence" style="display:none;"> world</p>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$( document ).ready(function(){
$('#message').fadeIn('slow', function(){
$('#message').delay(2000).fadeOut();
$('#sentence').css({'display':"block"});
});
});
</script>
</body>

جی_کوئری

سامان

@samanf33

ثبت پرسش جدید

پاسخ‌ها

محمد صادقیان

@drcode.ir7 سال پیش مطرح شد

تخصص: برنامه نویس وب - فریم ورک Laravel

$( document ).ready(function(){
  $('#message').fadeIn('slow');
  setTimeout(function(){
      $('#message').fadeOut();
      $('#sentence').css({'display':"block"});
    },3000);
});

ارسال پاسخ