keyboard_return  چسبون مقالات آموزشی متد setInterval در جاوا اسکریپت
  1. متد setInterval در جاوا اسکریپت

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

گاهی اوقات نیاز است تا اطلاعات موجود در صفحه پس از زمان مشخصی به روز رسانی شوند تا اطلاعات جدید نیز به کاربر نمایش داده شود این موضوع در فروم ها و یا سایت هایی که کاربران نظرات خود را وارد می کنند و یا حتی سایت هایی که نتایج آنلاین بازی ها را نشان می دهند کاربرد دارد. بنابر این نیاز است تا هر چند ثانیه اطلاعات جدید را در صفحه بارگذاری Load کنید. در این پست قصد داریم نحوه رفرش خودکار صفحه با استفاده از متد setInterval در جاوا اسکریپت آموزش دهیم با ما همراه باشید:

Auto page refresh with javascript setinterval method

روش های مختلفی برای Refresh اطلاعات صفحه وجود دارد، استفاده از متا تگ های HTML ، استفاده از متد setTimeout و استفاده از متد setInterval . در ادامه نحوه رفرش اتوماتیک صفحه با استفاده از متد setInterval در JavaScript را مشاهده می کنید:

<!DOCTYPE html>
<html>
<head>
	<title>رفرش خودکار صفحه با جاوا اسکریپت</title>
	<meta charset="utf-8">
</head>
<body>
<h1>آموزشگاه آنلاین برنامه نویسی- چسبون</h1>
<script type="text/javascript">
	function autoRefreshPage()
	{
		window.location = window.location.href;
	}
	setInterval('autoRefreshPage()', 3000);
</script>
</body>
</html>

 در این مثال همانطور که مشاهده می کنید یک تابع با نام autoRefreshPage تعریف کردیم و در ادامه با استفاده از دستور location.href مشخص می کنیم که محتوای صفحه باید رفرش شود. در انتها باید مشخص کنیم این تابع هر چند وقت یکبار اجرا شود. پارامتر اول در متد setInterval نام تابعی که دستور رفرش را در خود دارد گرفته و پارامتر دوم زمان اجرای این تابع می باشد. این زمان بر حسب میلی ثانیه می باشد. در این مثال هر 3 ثانیه یکبار صفحه Refresh خواهد شد.

امیدوارم این آموزش مورد پسند شما واقع شود.

متد setInterval در جاوا اسکریپت - 4.2 از 5 بر اساس 150 رای

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

متد setInterval در جاوا اسکریپت
دیدگاه‌ها

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

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