জাভাস্ক্রিপ্টে সেটইন্টারভাল কী এবং এটি কীভাবে কাজ করে?

জাভাস্ক্রিপ্ট ফাংশন সম্পাদনের পাশাপাশি সময়ের সাথে সম্পর্কিত পদ্ধতিগুলিরও মঞ্জুরি দেয়। জাভাস্ক্রিপ্টে সেটইন্টারওয়াল টাইমিং ইভেন্টের একটি অংশ।

জাভাস্ক্রিপ্ট ক্লায়েন্ট-সাইড প্রোগ্রামিং ভাষা পাশাপাশি সার্ভার-সাইড প্রোগ্রামিং ভাষা হিসাবে ব্যবহৃত হয়। এটাসহজেই সঞ্চালিত হতে পারে বিভিন্ন কার্যকারিতা জন্য পদ্ধতিগুলির আধিক্য সরবরাহ করে। এই কি তৈরি এটি অন্যতম জনপ্রিয় প্রোগ্রামিং ল্যাঙ্গুয়েজের পাশাপাশি এটি বিভিন্ন ধরণের পণ্য বিকাশে ব্যাপকভাবে ব্যবহৃত হচ্ছে।জাভাস্ক্রিপ্টে সেটআইন্টারওয়ালাম জাভাস্ক্রিপ্টে টাইমিং ইভেন্টের একটি অংশ এবং আমরা নিম্নলিখিত ক্রমটিতে এটি সম্পর্কে শিখব:



সময় অনুষ্ঠান

জাভাস্ক্রিপ্ট এছাড়াও কার্যকর করার অনুমতি দেয় ফাংশন পাশাপাশি সময়টির সাথে সম্পর্কিত পদ্ধতিগুলি এবং প্রোগ্রামটি কার্যকর করার সময় নয়। এটি প্রোগ্রামের নির্বাহের সময় নির্বিশেষে নির্দিষ্ট সময়ে ফাংশনগুলি সম্পাদনের অনুমতি দেয়।



জাভাস্ক্রিপ্টে সময় ইভেন্টগুলি ব্যবহার করার জন্য দুটি মূল পদ্ধতি হ'ল:

  • সেটটাইমআউট (ফাংশন, মিলিসেকেন্ড)



এই ফাংশনটি ফাংশনটি সম্পাদন করে যা মিলিসেকেন্ডে নির্দিষ্ট সময়ের পরে কেবল একবার প্যারামিটার হিসাবে পাস হয়।

  • সেটআইন্টারওয়াল (ফাংশন, মিলিসেকেন্ড)

এই ফাংশনটি এক্সিকিউশন সময় থেকে এবং প্রতিটি সময়ের ব্যবধানে পৌঁছে যাওয়ার পরে ফাংশনটি কার্যকর করে। এটি প্রতিটি সময় বিরতিতে ফাংশন সম্পাদন পুনরাবৃত্তি করে।



এখন আসুন এবং জাভাস্ক্রিপ্টে সেটআইটারওয়াল কীভাবে কাজ করে তা দেখুন।

জাভাস্ক্রিপ্টে সেটআইন্টারওয়াল

এই ফাংশনের প্রথম প্যারামিটারটি কার্যকর করা ফাংশন এবং দ্বিতীয় প্যারামিটার প্রতিটি সম্পাদনের মধ্যে সময়ের ব্যবধানকে নির্দেশ করে।

var myVar = setInterval (myTimer, 1000) ফাংশন myTimer () d var d = new তারিখ () document.getElementById ('ডেমো') inner অভ্যন্তরীণ এইচটিএমএল = d.toLocaleTimeString ()}

এখানে, document.getElementById এর থেকে উপাদান পাওয়া যায় যার আইডিকে 'ডেমো' এবং d.toLocaleTimeString () ফাংশন সিস্টেম থেকে বর্তমান সময় দেয়।

সুতরাং, এটি প্রতি 1000 মিলিসেকেন্ডে পুনরাবৃত্তি করা হচ্ছে যা 1 সেকেন্ডের সমান। সুতরাং, ফাংশনটি প্রতি 1 সেকেন্ডে বারবার সম্পাদিত হচ্ছে এবং তাই প্রতি সেকেন্ডে সময় আপডেট করা হচ্ছে।

তাহলে আমরা কীভাবে এই ফাঁসি কার্যকর করব? খুঁজে বের কর!

কীভাবে ফাঁসি কার্যকর করা যায়?

আমরা ক্লিয়ারইন্টারভাল () নামক আরেকটি ফাংশনের সাহায্যে ফাংশন সেটইন্টারওয়াল () থেকে কার্যকর করা বন্ধ করতে পারি।ক্লিয়ারইন্টারওয়াল () ফাংশন সেট ইন্টেরওয়াল () থেকে ফিরে আসা পরিবর্তনশীল ব্যবহার করে।

উদাহরণ স্বরূপ:

মাইভার = সেটইন্টারভাল (ফাংশন, মিলিসেকেন্ড) ক্লিয়ারইন্টারভাল (মাইভার)

নীচে একটি সেট যা উভয় সেটইন্টারভাল () পাশাপাশি ক্লিয়ারইন্টারভাল () ব্যবহার করে। এটি একটি ঘড়ি শুরু করে এবং সময় বন্ধ করার জন্য একটি বোতাম সরবরাহ করে।

বসন্তে পোজো কি
 

নীচে একটি ঘড়ি আছে।

সময় বন্ধ

সময় বন্ধ করতে উপরের বোতামটিতে ক্লিক করুন।

var myVar = setInterval (myTimer, 1000) ফাংশন myTimer () d var d = new তারিখ () document.getElementById ('ডেমো') inner অভ্যন্তরীণ এইচটিএমএল = d.toLocaleTimeString ()}

আউটপুট:

আউটপুট - জাভাস্ক্রিপ্টে সেটিনটারওয়াল - এডুরেকা

সেটইন্টারভাল () এবং ক্লিয়ারইন্টারভাল () সহ আরও কয়েকটি উদাহরণ।

একটি গতিশীল অগ্রগতি বার তৈরি করা হচ্ছে

#myProgress {প্রস্থ: 100% উচ্চতা: 30px অবস্থান: আপেক্ষিক ব্যাকগ্রাউন্ড-রঙ: #ddd} #myBar {ব্যাকগ্রাউন্ড-রঙ: # 4CAF50 প্রস্থ: 10px উচ্চতা: 30px অবস্থান: পরম} 
আমার ফাংশন মুভ () ele var ইলেম = ডকুমেন্ট.জেট এলিমেন্টবাইআইডি ('মাইবার') ভর প্রস্থ = 0 ভেরি আইডি = সেটইন্টারভাল (ফ্রেম, 10) ফাংশন ফ্রেম () {যদি (প্রস্থ == 100) {ক্লিয়ারইন্টারওয়াল (আইডি)} অন্য {প্রস্থ ++ elem.style.width = প্রস্থ + '%'}}}

আউটপুট:

প্রাথমিক আউটপুট

'আমাকে ক্লিক করুন' বোতামে ক্লিক করার পরে আউটপুট আসবে।

নতুনদের জন্য সার্ভিস টিউটোরিয়াল

দুটি পটভূমির মধ্যে টগল করুন

টগলিং বন্ধ করুন myVar = setInterval (সেটকলার, 300) ফাংশন সেটকলার () x var x = ডকুমেন্ট.বিডি x.style.background कलर = এক্স.স্টাইল.ব্যাকগ্রাউন্ড কালার == 'হলুদ'? 'গোলাপী': 'হলুদ'} ফাংশন স্টপ কালার () {ClearInterval (myVar)}

আউটপুট:

রঙটি হলুদ এবং গোলাপী রঙের মধ্যে টগল হবে। উপরের আউটপুটটি বোতামটি ক্লিক করার আগে এবং নীচে বোতামটিতে ক্লিক করার পরে।

এটির সাহায্যে আমরা জাভাস্ক্রিপ্ট নিবন্ধে আমাদের সেটআইন্টারভাল শেষে এসেছি। আমি আশা করি আপনি সেটআইন্টারওয়াল পদ্ধতি কীভাবে কাজ করে তা বুঝতে পেরেছেন।

দেখুন লিখেছেন এডুরেকা। ওয়েব ডেভলপমেন্ট শংসাপত্র প্রশিক্ষণ আপনাকে এইচটিএমএল 5, সিএসএস 3, টুইটার বুটস্ট্র্যাপ 3, জ্যাকুয়ারি এবং গুগল এপিআই ব্যবহার করে কীভাবে চিত্তাকর্ষক ওয়েবসাইট তৈরি করতে শিখতে এবং এ্যামাজন সিম্পল স্টোরেজ সার্ভিসে (এস 3) স্থাপন করতে সহায়তা করবে।

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এই ব্লগের মন্তব্য বিভাগে এটি উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।