Javascript Arabic Tutorials - Create Countdown Timer

Learn how to create countdown timer and how to count the minute and seconds

we will use the following functions
setInterval()
clearInterval()
innerHTML

Demo on Codepen

[Martin-dgit]

Even when I don't speak arabic, this was the best tutorial I've found all over the Youtube!

[zozozozana]

استفدت كتير من هذا التطبيق وبصراحة كنت اشوف فيه صعوبة ولكن بعد شرحك الراقي اتضحت الصورة بارك الله فيكم وادامكم ذخرا لنا يا استاذنا المبدع

[samakunchan]

I didnt understand what you said. But your code is the most simple (better) than i found.

[mernaidris]

ربنا يكرمك يا بشمهندس ، استفدت جداا من التمرينات

[salimedia]

روعة روعة روعة روعة روعة روعة روعة روعة روعة روعة روعة روعة
بدون مكتبات ولاعقد ولا وجع دماغ
جزاك الله خيرا

[hayetlajili]

استاذنا الكريم بعد إذنك إنت في الكود عملت :
if (seconds < 10) {

remSeconds = '0' + remSeconds

}
واشتغلت معك لانك واخد seconds=12 لكن هي غلط حسب رأيي وممكن تجربها لانو الأصح condition يتعمل علي remSeconds موش seconds وصحيح هو

if (remSeconds < 10) {

remSeconds = '0' + remSeconds

}

[hasnaelmasry]

مهندس أسامة بستأذن حضرتك في سؤال بعيد عن الكودز .. علشان أنا جديدة ف الويب وقلقانة شوية أنا ذاكرت معاك الكورسات لحد ماوصلت لهنا والدنيا بفضل ربنا ثم ليك وبمجهودك المشكور عليه الدنيا تمام ومستوعبة كل حاجة الحمدلله ومفيش حاجه وقفت قدامي في التطبيقات دي بس أنا عندي مشكلة حاسة إني لو إتعاملت لوحدي مش هعرف يعني مش هعرف افكر من غيرك معايا مساعدني ومديني الفكرة. فهل دا حالة مؤقتة وبالوقت والتدريب هلاقي الدنيا بتطور ولا ايه ؟ معلش طولت ع حضرتك بس ارجو الرد :)

[islamadel-dcqk]

//شرح جميل ويجزيك الله عنك كل خير ويكون في ميزان حسناتك

[hassnaakeshk]

الف شكر يا هندسة
سؤالي بس هو البرنامج عرف منين ان ال seconds لما ينقص, هينقص من ال minute & remaining seconds?

[pixaishere]

شكرا جدا علي الدروس الجميلة يا استاذنا كنت عايز اسال لي حضرتك مبقتش تعمل تطبيقات java script

[mourtada]

يمكن استخدام Math.trunc بدل Math.floor

[autotag-]

جزاك الله خير على المجهود ده بامانه .. بعد اذنك انا حاولت اعمل الكاونتر بالساعات والايام بس لقيت اني هزود شروط كتير جدا عشان اجمل الشكل واحط صفر جنب الرقم لما يكون اقل من 10 .. في طريقه اسهل لكده؟

[INGOAL]

اية راي حضرتك في الفكرة دي

var allSeconds = 459,
hours = "0" + Math.floor(allSeconds/60),
seconds = "0" + allSeconds % 60;

console.log(hours.slice(-2) + " : " + seconds.slice(-2));

[marytmurray]

The one minute countdown timer in JavaScript works and announces result when active on the timer tab but when I switch to another tab while the timer is running, it starts from 59:59 and does not announce result. What am I doing wrong? help me out please.

[kabuna-mimoamirov]

بشمهندس اسامه انا حطيت الكـونــتــيــنــت بتاع فانكشن
secondpass
جوا ال
parameter function

كجافا اسكريبت كانت صح وكله كان تمام بس مابيطبعش ياترى السر فى ايه ؟
واما فصلتها زى ماحضرتك عملت بالظبط اشتغلت وطبعت ايه الفرق

[abdulla.]

لا يظهر عندي التوقيت بعد كاتبة الكود بالكامل و بدون أي نقص ! .. بس مشكور على الشرح

[MohamedAhmed-tpqq]

ازاي اقدر انفذها كذا مرة داخل نفس لاصفحه ؟؟

[muhammedsedeek]

السلام عليكم ورحمة الله وبركاته
انا نفذت الدرس وطبقت وكل حاجه تمام بس بعد كده حصلت مشكلة صغيرة
وهى انا لما اضفت لمتغير الثوانى القيمة 190 الصفر اللى بيظهر جنب الارقام اللى اقل من 10 مظهرش خالص

[taibouniwebsolution]

Hi sir;
When the the time is more than 1 minute, this code doesn't work:

if(seconds < 10)
{
remSeconds = "0" + remSeconds; // Put a 0 before the number of seconds
}

Is there a way to fix it? Thank you.

[omarali]

لو سمحت يا بسمهندس ازاى اعمل كود لsearch