به روزرسانی (Refresh کردن) صفحه، هر چند ثانیه یک بار، با تگ meta ، در HTML

گاهی اوقات نیاز داریم که صفحه مورد نظرمان، هر چند ثانیه یک بار، به روزرسانی شود (Refresh شود) (بارگذاری مجدد صفحه). برای این منظور، می توانیم از تگ meta به صورت زیر استفاده کنیم :

که در آن، عدد 20 بر حسب ثانیه است و مشخص کرده است که هر 20 ثانیه یک بار، صفحه به روزرسانی شود (Refresh شود).

تگ meta در بین زوج تگ head از صفحه HTML ، نوشته می شود.

به مثال زیر توجه کنید :

مثال

کد کامل یک صفحه HTML :

در صفحه HTML ، با استفاده از تگ meta تعیین کرده ایم که هر 5 ثانیه یک بار، صفحه به روزرسانی (Refresh) شود.

برای اینکه بتوانیم به روزرسانی (Refresh) صفحه HTML را تشخیص دهیم، کد JavaScript زیر را نوشته ایم که با استفاده از روش Date.now ، عدد متناظر با زمان فعلی را به دست می آورد که بر حسب میلی ثانیه می باشد و سپس با استفاده از روش document.write ، آن عدد را در صفحه چاپ می کند :

بنابراین تنها کافی است که تغییرات مربوط به عدد متناظر با زمان فعلی را که در خروجی صفحه نمایش داده می شود، بررسی کنیم.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26262
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 3 3 0
مهرداد
۱۴۰۰/۱۰/۱۱
۱۵:۱۲

سلام و ممنون از سایت خوبتون
فقط سوالی که من داشتم اینه که اگر بخوایم فقط یک بخش خاص از صفحه بطور مثال فقط datagridview یا نتیجه جستجو به روز رسانی بشه به چه شکلی میشه این کار رو انجام داد ؟
ممنون میشم راهنمایی بفرمایید

admin
۱۴۰۰/۱۰/۱۱
۲۳:۱۲

سلام.
اگر منظورتان در طراحی وب سایت با HTML است، باید از برنامه نویسی JavaScript کمک بگیرید.
برای این منظور، روش هایی (Method) مثل document.write یا innerHTML می توانند به کار روند.
فرض کنید که می خواهید  محتوایی (اطلاعاتی) را در بخشی از صفحه فعلی قرار دهید (بخشی از صفحه را با آن اطلاعات به روزرسانی کنید)، اگر آن محتوا (اطلاعات) را در خود صفحه دارید، روش های ذکر شده کافی هستند، اما اگر باید اطلاعات را از یک صفحه دیگر (یا پایگاه داده) دریافت کرده و در صفحه فعلی قرار دهید، باید تکنیک Ajax را برای دریافت محتوا (اطلاعات) از صفحه دیگر به کار ببرید و سپس از روش های document.write یا innerHTML برای قرار دادن آن محتوا در بخشی از صفحه (به روزرسانی بخشی از صفحه) استفاده نمایید.
در ضمن می توانید از jQuery برای کدنویسی راحتتر استفاده کنید.

حامد
۱۴۰۲/۰۱/۲۹
۰۹:۵۶

سلام
راهکاری است که بشه با هر رفرش شدن متن هم تغییر پیدا کنه؟
اگر در این مورد آموزشی هست خوشحال میشم لینکشو قرار دهید

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)