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

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

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

, ইত্যাদি।এর পর এর একটি 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 থেকে শুরু করতে চাইলে false দিতে হবে।তবে কিছু না দিলে by default 0 থেকে শুরু হবে।

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

output:

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

HTML:




Javascript:

setTimer('time',5,false)

 

 

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

The post কোডিং ছাড়াই Website এ set করুন countdown timer appeared first on Trickbd.com.



from Trickbd.com https://ift.tt/iyAzf2b
via IFTTT

শেয়ার করুন
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট