keyboard_return  چسبون مقالات آموزشی رفرش خودکار صفحه با استفاده از جاوا اسکریپت
  1. رفرش خودکار صفحه با استفاده از جاوا اسکریپت

رفرش خودکار صفحه با استفاده از متد setTimeout جاوا اسکریپت

سلام دوستان عزیز. در این آموزش قصد داریم نحوه رفرش شدن خودکار صفحه با استفاده از جاوا اسکریپت را توضیح دهیم. جاوا اسکریپت دارای توابع زیادی برای مدیریت رویداد ها و آبجکت های صفحه می باشد. به کمک جاوا اسکریپت می توانید صفحات پویا (Dynamic) ایجاد کنید و با کاربر تعامل داشته باشید. ممکن است شما یک صفحه ساخته باشید و می خواهید هر 5 ثانیه یکبار صفحه refresh شود تا آخرین تغییرات نیز به نمایش در آید. به عنوان مثال تصور کنید شما یک فروم ساخته اید و کاربران شما پست هایی را در آن ایجاد می کنند. ممکن است در هر لحظه ای یک پست جدید ایجاد شود حالا می خواهید بدون اینکه کاربر مجبور شود هر چند دقیقه در میان صفحه را رفرش کند، آخرین پست های اضافه شده را نیز به نمایش در آورید.

یا ممکن است شما بخواهید تبلیغات مختلفی در صفحه نمایش دهید و قصد دارید هر دقیقه یک تبلیغ جدید انتخاب شود و صفحه نیز refresh شود تا تبلیغ جدید نمایش داده شود و ...

JavaScript setTimeout Method

روش های مختلفی برای رفرش اطلاعات صفحه وجود دارد، در این آموزش قصد داریم کاربرد متد setTimeout جاوا اسکریپت را توضیح دهیم. با ما همراه باشید:

رفرش خودکار صفحه با استفاده از کد جاوا اسکریپت

تابع setTimeout در جاوا اسکریپت دو پارامتر ورودی می گیرد پارامتر اول یک تابع می باشد و پارامتر دوم زمان بر حسب میلی ثانیه. هنگامی که زمان منقضی شود، تابع مورد نظر اجرا می شود. در مثال زیر زمان  5 ثانیه تعیین شده است که با گذشت این زمان تابع reload فراخوانی می شود که موجب بارگذاری مجدد صفحه می شود.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script type="text/javascript">
		function autoRefresh(t)
		{
			setTimeout('location.reload(true)', t);
			alert("صفحه refresh شد");
		}
	</script>
</head>
<body onload="autoRefresh(5000);">
<p>کاربر گرامی محتوای این صفحه هر 5 ثانیه به طور خودکار رفرش می شود.</p>
</body>
</html>

امیدوارم این آموزش برایتان مفید باشد. لطفا نظرات و پیشنهادات خود را با ما در میان بگذارید.

رفرش خودکار صفحه با استفاده از جاوا اسکریپت - 4.2 از 5 بر اساس 150 رای

امتیاز کاربران

رفرش خودکار صفحه با استفاده از جاوا اسکریپت
دیدگاه‌ها

دیدگاهی وجود ندارد

2024 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.