জাভাস্ক্রিপ্ট একটি পূর্বনির্ধারিত ' সাফ টাইমআউট ()' পদ্ধতি যা টাইম-আউট কার্যকারিতা পরিচালনা করে। এটি ব্যবহারকারীদের সময় ব্যবধান বাতিল করতে দেয় যা পূর্বে ' সেট টাইমআউট ()' ফাংশন। এটি নির্দিষ্ট সময়ের ব্যবধানের পরে পুনরাবৃত্তি হওয়া কোড ব্লকের কার্য সম্পাদন বন্ধ করে। এটি বেশিরভাগ ব্যাঙ্কিং এবং ই-কমার্স ওয়েবসাইটগুলির জন্য নির্ধারিত কাজগুলি বাতিল করতে ব্যবহৃত হয়।
এই পোস্টটি ব্যাখ্যা করবে কিভাবে JavaScript clearTimeout() ফাংশন পরিচালনা করতে হয়।
কিভাবে জাভাস্ক্রিপ্ট 'ক্লিয়ারটাইমআউট()' ফাংশন পরিচালনা করবেন?
দ্য ' সাফ টাইমআউট ()' ফাংশনটি 'এর সাহায্যে আগে সেট করা সময়ের ব্যবধান বাতিল করে সেট টাইমআউট ()' ফাংশন। দ্য ' সেট টাইমআউট ()' ফাংশন একটি নির্দিষ্ট কাজ বারবার করার জন্য সময়ের ব্যবধান সেট করে।
বাক্য গঠন
এর কাজ ' সাফ টাইমআউট ()' পদ্ধতি তার মৌলিক সিনট্যাক্সের উপর নির্ভর করে যা নীচে লেখা আছে:
সাফ টাইমআউট ( id_of_settimeout )
উপরের সিনট্যাক্স অনুসারে, ' সাফ টাইমআউট ()' লাগে ' আইডি ' এর ' সেট টাইমআউট ()' ফাংশন এবং সময়ের ব্যবধান বন্ধ করে। ব্যবহারকারী যদি আইডি পাস না করে তবে এটি কিছুই করে না।
এর বেসিক সিনট্যাক্স ব্যবহার করে উপরে-সংজ্ঞায়িত ফাংশন বাস্তবায়ন করা যাক।
উদাহরণ 1: সেট সময়ের ব্যবধান বন্ধ করতে 'ক্লিয়ারটাইমআউট()' ফাংশন প্রয়োগ করা
প্রথম উদাহরণটি প্রয়োগ করে ' সাফ টাইমআউট ()' ফাংশন সেট সময়ের ব্যবধান বন্ধ করতে।
প্রথমে নিম্নলিখিত HTML কোডটি দেখুন:
< কেন্দ্র >< পি > 2 সেকেন্ড অপেক্ষা করুন, পৃষ্ঠাটি একটি শিরোনাম প্রদর্শন করবে। < / পি >
< h2 আইডি = 'H2' < / h2 >
< বোতাম অনক্লিক = 'স্টপ()' > ফাঁসি বন্ধ করুন! < / বোতাম >
< / কেন্দ্র >
উপরের কোড লাইনে:
- '< কেন্দ্র >” ট্যাগ ওয়েব পৃষ্ঠার কেন্দ্রে প্রদত্ত HTML উপাদানগুলির প্রান্তিককরণ সেট করে।
- '< পি >' ট্যাগ একটি অনুচ্ছেদ বিবৃতি নির্দিষ্ট করে।
- '< h2 >' ট্যাগ হল একটি আইডি সহ একটি খালি শিরোনাম উপাদান ' H2 ”
- '< বোতাম >' ট্যাগ বোতাম উপাদানটি সন্নিবেশ করে যা 'কে কল করে থামা ()' ফাংশনটি সংযুক্ত হলে ' অনক্লিক ” ঘটনাটি ট্রিগার করা হয়।
এরপরে, প্রয়োগ করুন ' সাফ টাইমআউট বিবৃত কোড ব্লক ব্যবহার করে ()' ফাংশন:
< লিপি >const সেট সময় = সেট টাইমআউট ( শুরু , 2000 ) ;
ফাংশন শুরু ( ) {
নথি getElementById ( 'H2' ) . innerHTML = 'লিনাক্সহিন্টে স্বাগতম!'
}
ফাংশন থামা ( ) {
সাফ টাইমআউট ( সেট সময় ) ;
}
লিপি >
উপরের কোড স্নিপেটে:
- দ্য ' সেট সময় ' ভেরিয়েবল ' প্রয়োগ করে সেট টাইমআউট ()' ফাংশন যা পাস করে ' শুরু 'এর প্রথম প্যারামিটার হিসাবে ফাংশন এবং নির্দিষ্ট ' মিলিসেকেন্ডের সংখ্যা ” দ্বিতীয় পরামিতি হিসাবে। এই ফাংশনটি চালায় ' শুরু একটি নির্দিষ্ট সময়ের ব্যবধানে ফাংশন।
- পরবর্তী, সংজ্ঞায়িত করুন ' শুরু ()' ফাংশন।
- এই ফাংশনে, ' document.getElementById ()' পদ্ধতিটি খালি শিরোনাম উপাদান অ্যাক্সেস করতে প্রয়োগ করা হয় যার আইডি হল ' H2 এবং প্রদত্ত টেক্সট স্টেটমেন্টের সাথে এটি যোগ করুন।
- এর পরে, ' থামা ()' ফাংশন সংজ্ঞায়িত করা হয়, যা ' সাফ টাইমআউট ()' এর আইডি পাস করার পদ্ধতি সেট টাইমআউট ()' ফাংশন তার সময়ের ব্যবধান বন্ধ করতে।
আউটপুট (সম্পাদনা বন্ধ করার আগে)
এখন আউটপুট একটি নির্দিষ্ট সময়ের ব্যবধানে একটি শিরোনাম উপাদান দেখায় এবং সময় ব্যবধান বন্ধ করার আগে “ সেট টাইমআউট ()' পদ্ধতি।
আউটপুট (স্টপ এক্সিকিউশনের পরে)
প্রদত্ত বোতাম ক্লিকটি শিরোনাম উপাদান প্রদর্শনের জন্য নির্ধারিত সময়ের ব্যবধান বন্ধ করে দেয়।
উদাহরণ 2: একটি ফাংশন বন্ধ করতে 'ক্লিয়ারটাইমআউট()' ফাংশন প্রয়োগ করা
এই উদাহরণটি ব্যবহার করে ' সাফ টাইমআউট ()' ফাংশন একটি ফাংশন সম্পাদন বন্ধ করতে:
প্রথমে, প্রদত্ত HTML কোডের মাধ্যমে যান:
< কেন্দ্র >< বোতাম অনক্লিক = 'শুরু()' > গণনা শুরু করুন! < / বোতাম >
< ইনপুট টাইপ = 'পাঠ্য' আইডি = 'ক্ষেত্র' >
< বোতাম অনক্লিক = 'স্টপ()' > গণনা বন্ধ করুন! < / বোতাম >
< / কেন্দ্র >
উপরের কোড ব্লকে:
- '< বোতাম >' ট্যাগ সংযুক্ত করে ' অনক্লিক ' ইভেন্টটি 'স্টার্ট()' ফাংশনটি চালু করার জন্য যখন এটি ক্লিক করা হয়।
- '< ইনপুট >' ট্যাগ ' টাইপ সহ একটি ইনপুট ক্ষেত্র যোগ করে পাঠ্য ' এবং একটি আইডি 'ক্ষেত্র'।
- পরবর্তী '< বোতাম >' এছাড়াও সংযুক্ত করে ' অনক্লিক 'ইভেন্ট কল করার জন্য' থামা ()' ফাংশন যখন এই ইভেন্টটি বহিস্কার করা হয়।
এখন, প্রয়োগ করুন ' সাফ টাইমআউট ()' ফাংশন এই কোড লাইন ব্যবহার করে:
< লিপি >পাল্টা যাক = 0 ;
সেটটাইম যাক ;
টাইমার_অন হতে দিন = 0 ;
ফাংশন গণনা ( ) {
নথি getElementById ( 'ক্ষেত্র' ) . মান = পাল্টা ;
পাল্টা ++;
সেট সময় = সেট টাইমআউট ( গণনা , 1000 ) ;
}
ফাংশন শুরু ( ) {
যদি ( ! গণনা শুরু ) {
গণনা শুরু = 1 ;
গণনা ( ) ;
}
}
ফাংশন থামা ( ) {
সাফ টাইমআউট ( সেট সময় ) ;
গণনা শুরু = 0 ;
}
লিপি >
কোডের উপরের লাইনগুলিতে:
- প্রথমত, ' দিন 'কীওয়ার্ড তিনটি ভেরিয়েবল ঘোষণা করে' কাউন্টার', 'সেটটাইম', এবং 'টাইমার_অন' ”
- পরবর্তী, ' গণনা ()' ফাংশন সংজ্ঞায়িত করা হয়।
- এর সংজ্ঞায়, ' document.getElementById() 'পদ্ধতিটি এর আইডি ব্যবহার করে যোগ করা ইনপুট ক্ষেত্র অ্যাক্সেস করার জন্য প্রয়োগ করা হয়' ক্ষেত্র 'এবং এটি 'এর মান দিয়ে যুক্ত করুন পাল্টা ' পরিবর্তনশীল।
- এখন, 'এর মান বৃদ্ধি করুন পাল্টা ' পরিবর্তনশীল।
- অবশেষে, প্রয়োগ করুন ' সেট টাইমআউট ()' পদ্ধতিটি সম্পাদন করার জন্য ' গণনা একটি নির্দিষ্ট সময়ের ব্যবধানে ()' ফাংশন।
- এর পরে, 'নামক একটি ফাংশন সংজ্ঞায়িত করুন শুরু ()'।
- এই ফাংশনে, একটি ' যদি ' স্টেটমেন্ট ব্যবহার করা হয় যা একটি শর্ত নির্দিষ্ট করে যেমন যদি ' imer_on ' এটি না ' চালু 'তাহলে এটি সমান' 1 ' এবং ' গণনা ()” ফাংশন বলা হয়।
- এখন, আরেকটি ফাংশন সংজ্ঞায়িত করা হয়েছে যার নাম “ থামা ()'।
- এর সংজ্ঞায়, ' সাফ টাইমআউট ()' পদ্ধতিটি 'এর আইডি পাস করে প্রয়োগ করা হয় সেট টাইমআউট ()' পদ্ধতি অর্থাৎ ' সেট সময় ”
আউটপুট
লক্ষ্য করা যায় যে ' গণনা শুরু করুন ” বোতামটি গণনা শুরু করে যা প্রতি 1 সেকেন্ডের পরে বৃদ্ধি পায়। এই গণনাটি 'এ ক্লিক করে বন্ধ হয়ে যায় গণনা বন্ধ করুন! 'বোতাম।
জাভাস্ক্রিপ্টে ক্লিয়ারটাইমআউট() ফাংশন পরিচালনা করা সম্পর্কে এটাই।
উপসংহার
দ্য ' সাফ টাইমআউট ()' ফাংশন 'এর সাহায্যে নির্দিষ্ট সময়ের ব্যবধান পরিচালনা করে সেট টাইমআউট ()' ফাংশন। এটি আইডি পাস করে এই কাজটি সম্পাদন করে 'সেটটাইমআউট()' এর অপরিহার্য পরামিতি হিসাবে কাজ করে। এটি ব্যবহার করে নির্দিষ্ট সময়ের ব্যবধানে সম্পাদিত কাজগুলি বাতিল করার জন্য ব্যবহৃত হয় যা ' সেট টাইমআউট ()' ফাংশন। এই পোস্টটি কার্যত জাভাস্ক্রিপ্ট clearTimeout() ফাংশন পরিচালনা করার পদ্ধতি ব্যাখ্যা করেছে।