কোর্স সুপারিশ:

Window setInterval() পদ্ধতি

setInterval() বিবরণ ও ব্যবহার

setInterval() পদ্ধতি ফাংশনকে নির্দিষ্ট সময়কাল (মিলিসেকেন্ডের এককে) ব্যবহার করে প্রতিবার কল করে clearInterval() বা উপন্যাস বন্ধ করুন

মন্তব্য:1 সেকেন্ড = 1000 মিলিসেকেন্ড

সূচনা

ফাংশনটি একবার করেই চালু করতে setTimeout() পদ্ধতি ব্যবহার করুন

সময়কাল বাতিল করতে setInterval() ফলাফল id-কে

myInterval = setInterval(function, milliseconds);

তারপর আপনি ফাংশনটি কল করে clearInterval() কার্যকরীকরণ বাতিল করতে

clearInterval(myInterval);

আরও দেখুন:

clearInterval() পদ্ধতি

setTimeout() পদ্ধতি

clearTimeout() পদ্ধতি

উদাহরণ

উদাহরণ 1

প্রতি সেকেন্ড "Hello" দেখানো হবে (1000 মিলিসেকেন্ড):

setInterval(function () {element.innerHTML += "Hello"}, 1000);

স্বয়ং চেষ্টা করুন

উদাহরণ 2

প্রতি সেকেন্ড একবার displayHello কল করুন

setInterval(displayHello, 1000);

স্বয়ং চেষ্টা করুন

পাতার নিচে আরও উদাহরণ পাওয়া যাবে

বিন্যাস

setInterval(function, milliseconds, param1, param2, ...)

পারামিটার

পারামিটার বর্ণনা
function অপশনাল।কার্যকরী ফাংশন
milliseconds

অপশনাল।কার্যকরী সময়

যদি মান 10-এর কম হয়, তবে 10-এর ব্যবহার করুন
param1, param2, ...

অপশনাল।ফাংশনকে পাঠানো অতিরিক্ত পারামিটার

IE9 এবং তার পূর্ববর্তী সংস্করণগুলো সমর্থন করে না

ফলাফল

ধরন বর্ণনা
নম্বর

সময়কাল টাইমারের ID

এই id-কে clearInterval() সময়কাল বাতিল করতে একসঙ্গে ব্যবহার করুন

ব্রাউজার সমর্থন

সমস্ত ব্রাউজারগুলো সমর্থন করে setInterval()：

চ্রোম আইই এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম আইই এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থিত সমর্থিত সমর্থিত সমর্থিত সমর্থিত সমর্থিত

আরও উদাহরণ

উদাহরণ 3

সাইক্লকের মতো সময় দেখান:

setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}

স্বয়ং চেষ্টা করুন

উদাহরণ 4

সাইক্লকটি স্থগিত করার জন্য clearInterval() ব্যবহার করা:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

স্বয়ং চেষ্টা করুন

উদাহরণ 5

setInterval() এবং clearInterval() দিয়ে ডাইনামিক প্রগ্রেস বার তৈরি করা:

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  let id = setInterval(frame, 10);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

স্বয়ং চেষ্টা করুন

উদাহরণ 6

প্রতি 500 মিলিসেকেন্ডে দুইটি পিন্ড রঙের মধ্যে পরিবর্তন করা হয়:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

স্বয়ং চেষ্টা করুন

উদাহরণ 7

ফাংশনে পারামিটার পাঠান (IE9 এবং এর আগের সংস্করণে এটা কাজ করে না):

setInterval(myFunc, 2000, "param1", "param2");

স্বয়ং চেষ্টা করুন

কিন্তু, আপনি অজানা ফাংশন ব্যবহার করেন তবে, তা সকল ব্রাউজারে কাজ করে:

setInterval(function() {myFunc("param1", "param2")}, 2000);

স্বয়ং চেষ্টা করুন