কীভাবে প্রতি 5 সেকেন্ডে পৃষ্ঠা পুনরায় লোড করবেন?


183

আমি একটি লেআউটটি এইচটিএমএল রূপান্তর করছি; একবার আমি কোড / এইচটিএমএল / সিএসএসে পরিবর্তনগুলি করে ফেলি, প্রতিবারই আমাকে এফ 5 চাপতে হবে। এর জন্য কি কোনও সহজ জাভাস্ক্রিপ্ট / jQuery সমাধান আছে? আমি স্ক্রিপ্টটি যুক্ত করার পরে, প্রতি 5 সেকেন্ডে (বা অন্য কোনও নির্দিষ্ট সময়) পুরো পৃষ্ঠাটি পুনরায় লোড করুন।

উত্তর:


382
 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

যদি স্ক্রিপ্টে থাকতে হয় তবে সেটটাইমআউট ব্যবহার করুন :

setTimeout(function(){
   window.location.reload(1);
}, 5000);

4
আমি মনে করি এটি সম্ভবত জাভাস্ক্রিপ্টের চেয়ে ভাল করার একটি ভাল উপায়।
ধনী

1
যদি ব্যবহারের ক্ষেত্রে এটি ছিল যে পৃষ্ঠাগুলি দর্শকদের জন্য রিফ্রেশ করার দরকার পড়ে তবে আমি সম্মত হতে পারি তবে উন্নয়ন উদ্দেশ্যে, প্রতিটি বার ইউআরআই আপডেট না করেই আপনি পৃষ্ঠাতে ফেলে দিতে পারেন এমন একটি কোডের ব্লক থাকা সুবিধা advantage জেএসের উপর নির্ভর করে কোনও সমস্যা হয় না যখন বিকাশকারী সম্পূর্ণ লক্ষ্য শ্রোতা হয়।
কোয়ান্টিন

4
অবস্থান.রেলোড (1) যদি বর্তমান পৃষ্ঠাটি কোনও পোস্টের ফলাফল হয় তবে একটি পোস্টের পুনরাবৃত্তি করবে। আপনি জাভাস্ক্রিপ্টে মেটা রিফ্রেশটি প্রতিলিপি করতে চাইলে এটি পছন্দসই হবে না।
রূবেণ

2
বর্তমান পৃষ্ঠাটি পুনরায় লোড করার জন্য আপনাকে পৃষ্ঠাটি নির্দিষ্ট করার দরকার নেই, ঠিক:<meta http-equiv="refresh" content="5">
ashleedawg

145

একই পৃষ্ঠাটি পুনরায় লোড করার জন্য আপনার দ্বিতীয় তর্কটির প্রয়োজন নেই। আপনি কেবল ব্যবহার করতে পারেন:

 <meta http-equiv="refresh" content="30" />

এটি প্রতি 30 সেকেন্ডে একটি পুনরায় লোড ট্রিগার করে।


3
পুনর্নির্দেশের জন্য ব্যবহৃত হলে এটি নিরুৎসাহিত করা হয় । এটি হ্রাস করা হয় না। (এবং যখন আপনি কোনও পৃষ্ঠা রিফ্রেশ করতে চান এবং
এজ্যাক্স

এটি আমার পক্ষে কাজ করছে না। এই কোডে এই লাইনটি যুক্ত করার চেষ্টা করে কোনও লাভ হয়নি। codepen.io/css-support/pen/bspdK
lolololol ওল

1
@lololololol আপনাকে এটি এইচটিএমএলের পেন সেটিংস অঞ্চলে "হেডের জন্য <হেড>" সেটিংসে যোগ করতে হবে। আপনি যদি এটি আসল স্ক্রিপ্টে রাখেন তবে এটি কাজ করে না।
ব্রেট

23

অটো পুনরায় লোড এবং 3 সেকেন্ডের পরে সাফ ক্যাশে আপনি জাভাস্ক্রিপ্ট সেটআইন্টারভাল ফাংশনটি ব্যবহার করে এটি সহজেই করতে পারেন। এখানে সহজ কোড

$(document).ready(function() {
  setInterval(function() {
    cache_clear()
  }, 3000);
});

function cache_clear() {
  window.location.reload(true);
  // window.location.reload(); use this if you do not remove cache
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto reload page and clear cache</p>

এবং আপনি এর জন্য মেটাও ব্যবহার করতে পারেন

<meta http-equiv="Refresh" content="5">

পৃষ্ঠা রিফ্রেশ <script> কাজ করছে তবে কীভাবে এটি ক্যাশে সাফ করছে তা আপনি ব্যাখ্যা করতে পারবেন ?? বা এটি কেবল ক্যাশে রিফ্রেশ করছে .. প্লিজ ব্যাখ্যা করুন।
রৌপ্য

stackoverflow.com/questions/5721704/… , আপনি যদি আরও ঝুঁকতে চান তবে দয়া করে এটি গুগল করুন
শফিকুল ইসলাম


10

IE এর জন্য একটি স্বয়ংক্রিয় রিফ্রেশ-অন-চেঞ্জ সরঞ্জাম রয়েছে। একে ReloadIt বলা হয় এবং এটি http://reloadit.codeplex.com এ উপলব্ধ । বিনামূল্যে।

আপনি একটি ইউআরএল চয়ন করেন যা আপনি স্বয়ংক্রিয়-পুনরায় লোড করতে চান এবং পরিবর্তনের জন্য নিরীক্ষণের জন্য এক বা একাধিক ডিরেক্টরি পাথ নির্দিষ্ট করে দিন। পর্যবেক্ষণ শুরু করতে F12 টিপুন।

এখানে চিত্র বর্ণনা লিখুন

আপনি এটি সেট করার পরে, এটি ছোট করুন। তারপরে আপনার সামগ্রী ফাইলগুলি সম্পাদনা করুন। আপনি যখন কোনও পরিবর্তন সংরক্ষণ করেন, পৃষ্ঠাটি পুনরায় লোড হয়ে যায়। এটার মত:

এখানে চিত্র বর্ণনা লিখুন

সহজ। সহজ।


2
IE এর জন্য দুর্দান্ত সরঞ্জাম এবং অ্যানিমেটেড জিনিসের জন্য ধন্যবাদ। আমি কীভাবে এটি তৈরি করতে পারি?
ওয়াসিম শায়খ

@WasimShaikh - ব্যবহার করে একটি অ্যানিমেটেড GIF আপনার পর্দা রেকর্ড ScreenToGIF
ashleedawg

5

@JAndy সরবরাহিত উত্তরগুলি কাজ করা উচিত তবে ফায়ারফক্সে আপনার সমস্যার মুখোমুখি হতে পারে, window.location.reload (1) ; এটি কাজ নাও করতে পারে, এটি আমার ব্যক্তিগত অভিজ্ঞতা।

সুতরাং আমি পরামর্শ দিতে চাই:

setTimeout(function() { window.location=window.location;},5000);

এটি পরীক্ষা করা হয় এবং সূক্ষ্মভাবে কাজ করে।


3

আপনি যদি ফায়ারফক্স ব্যবহার করছেন তবে একটি শালীন বিকল্প হ'ল এক্সআরফ্রেশ প্লাগইন । এটি আপনার পৃষ্ঠাটি প্রতিবার ফাইলটি সংশোধন করার সময় এটি পুনরায় লোড করবে। সুতরাং প্রতি 5 সেকেন্ডের মধ্যে সতেজ হওয়ার পরিবর্তে আপনি যখন আপনার এইচটিএমএল সম্পাদকটিতে সংরক্ষণ করুন তখন তা রিফ্রেশ হবে।



2

আপনি যদি ফায়ারফক্সে বিকাশ ও পরীক্ষা করে নিচ্ছেন তবে সেখানে " রিলোডডিরি " নামে একটি প্লাগ-ইন পাওয়া যায় যা আপনাকে নির্দিষ্ট বিরতিতে পৃষ্ঠাটি পুনরায় লোড করতে দেয়।


1

এটি 5 সেকেন্ডে কাজ করবে।

5000 মিলিসেকেন্ড = 5 সেকেন্ড

এটি লক্ষ্য সহ _selfবা আপনি কখন চান এবং কোন পৃষ্ঠাটি নিজেই অন্তর্ভুক্ত তা ব্যবহার করুন:

<script type="text/javascript">
function load()
{
setTimeout("window.open('http://YourPage.com', '_self');", 5000);
}
</script>
<body onload="load()"> 

অথবা এটি স্বয়ংক্রিয়ভাবে নিজের এবং কোনও পাতা যা আপনি চান তা সহ কোনও টার্গেট কোড সহ নয়:

<script type="text/javascript">
function load()
{
setTimeout("location.href = 'http://YourPage.com';", 5000);
}
</script>
<body onload="load()"> 

বা এটি যদি কেবল একই পৃষ্ঠায় নিজেকে পুনরায় লোড করতে হয় এবং আপনি যখনই চান টার্গেট করা টুপিটি:

<script type="text/javascript">
function load()
{
setTimeout("window.open(self.location, '_self');", 5000);
}
</script>
<body onload="load()">

সমস্ত 3 একই জিনিস করেন, কেবল বিভিন্ন উপায়ে।


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.