কোডিং ছাড়াই Website এ set করুন countdown timer

আজকের Tutorial এ আমি দেখাবো কীভাবে কোডিং না করে Website এ coutdown timer set করবেন।এমন নয় যে আপনাকে একদমই কোডিং করতে হবে না।তবে,সামান্য কোডিং করেই এটা করতে পারবেন।

প্রথমে একটি HTML Element বানিয়ে নিতে হবে যেখানে আপনি Text Show করাতে পারবেন।যেমন :-

<p>,<span> ইত্যাদি।এর পর এর একটি id দিতে হবে।

এবার এই লিংক থেকে ‘countdown.js’ নামের ফাইলটি ডাউনলোড করতে হবে।এরপর এটি html এ add করতে হবে।

এবার timer function run করার জন্য একটু js কোড লিখতে হবে।আপনি আলাদা js ফাইলেও এটি লিখতে পারেন আবার script tag এর ভেতরেও লিখতে পারেন।তবে খেয়াল রাখতে হবে ‘countdown.js’ অ্যাড করার পরে js কোড অ্যাড করতে হবে।

এখানে setTimer নামের একটি function call করতে হবে।এর প্রথম parameter এ html element এর id দিতে হবে।এরপর কত থেকে countdown শুরু করতে চান তা দিতে হবে।তারপর যদি 0 পর্যন্ত countdown করতে চান তাহলে true আর 1 পর্যন্ত countdown করতে চাইলে false দিতে হবে।তবে কিছু না দিলে by default 0 পর্যন্ত countdown হবে।

আপনি চাইলে js কোড লিখে যেকোনো যায়গায় এই setTimer function টি ইউজ করতে পারবেন।যেমন button এর onclick event এ ইউজ করতে পারবেন।

output:

সম্পূর্ণ কোড:

HTML:

<p id="time"></p>
<script src="./countdown.js"></script>

Javascript:

setTimer('time',5,false)

নতুন নতুন Tips and tricks পেতে Join করতে পারেন এই Telegram Channel এ: https://t.me/techzbd