(Project 7) JavaScript Tutorial in Hindi for Beginners [Part 77] - Create Stopwatch in JavaScript

[@CodeParagon]

I litrally view your video first time bhaiya The way you are teaching is amazing i will complete and start the journey of javascript from now. Thanks ALOT Bade Bhaiya😊😅

[@drprabhakarbhagwat]

Your all tutorials are awesome on HTML, CSS and JavaScript. I have learnt HTML and CSS, Now I m learning JavaScript. 🙏🙏👍👍

[@balpreetkaur0356]

You are brilliant 🙂🙂 sir .i got all the logic of stop watch.i have been confused since i started project of stop watch i was so bemused . didn't know how to create stop watch .but thanks to you i learnt a lot.😘

[@inamullahkhan7793]

Your projects are mind blowing I am really enjoying. Your projects are awesome wish for many many more projects as we are learning deeply all the three concepts html, css and javascript from those projects so it'll be so good if you do as much projects as you can. These projects are helping a lot in developing our programming logics.

[@mdabidkalam3527]

A small bug is if we click start multiple times then speed of stopwatch increases. if we go with toggle approach it will be better. But a little complicated for beginners.........still a great project and i liked it.

[@Tarunislive135]

yes bro

[@mdabidkalam3527]

let timer = false; let count = 0; let sec = 0; let min = 0; let hr = 0; function stopWatch() { if (timer) { count++; if (count === 100) { count = 0; sec++; } if (sec === 60) { sec = 0; min++; } if (min === 60) { min = 0; hr++; } //------For showing 00 in hr min sec count in html------- let countStr = count < 10 ? "0" + count : count; let secStr = sec < 10 ? "0" + sec : sec; let minStr = min < 10 ? "0" + min : min; let hrStr = hr < 10 ? "0" + hr : hr; //---------showing HTML---------------- document.getElementById("count").innerText = countStr; document.getElementById("sec").innerText = secStr; document.getElementById("min").innerText = minStr; document.getElementById("hr").innerText = hrStr; setTimeout(stopWatch, 10); // recursion approach via microTask queue } } function start() { if (timer) return; //removing bug for multiple recursion of stopwatch() with return timer = true; stopWatch(); }; function stop() { timer = false; }; function reset() { timer = false; hr = min = sec = count = 0; document.getElementById("count").innerText = "00"; document.getElementById("sec").innerText = "00"; document.getElementById("min").innerText = "00"; document.getElementById("hr").innerText = "00"; };

[@parveshqaiser9840]

Awesome Explanation.. Before watching this video, watched 2-3 videos of stopwatch.. but didn't find useful..

[@jamesseay3294]

Great work vishwajeet, easy to understand. you are an amazing teacher

[@codewithayesha]

Thank you bhaiyya...😃

[@sanazainubbukhari8361]

i love of way of you about teaching the logic & all never found more better for stop watch

[@vkraj8735]

The way of your teaching is really easy understandable.

[@MukeshKumar-fz3sw]

Bhut achha samjhaya sir

[@noemahmedkhan6105]

Very Amazing watching from Pakistan ❤️🇵🇰 Kindly start next PHP language

[@kiranmoura2974]

Well explained, thank you so much for this video 👏👏👏👏

[@pranjalsrivastava1629]

A small Bug in the code: Use 99 for count and 59 for all sec, min, hr because on 100 and 60 respectively that time is completed and isn't shown. ex. 60 sec = 1 min. So on completion of 60th second we update min by 1.

[@mdabidkalam3527]

Another small bug is if we click start multiple times then speed of stopwatch increases. if we go with toggle approach it will be better. But a little complicated for beginners.........still a great project and i liked it.

[@pritishsinghal3019]

@@mdabidkalam3527 for all those who are suffering from this problem, 1) use all the if conditions in a nested way (seconds inside count, minutes inside seconds and hours inside minutes), and put the settimeout() inside the count-if-condition i.e. trigger settimeout() only when the 'timer = true'.....this will solve the stopwatch becoming faster...when you click start after you hit stop or reset....BUT stopwatch will still become faster if you hit start multiple times, before hitting stop or reset....to solve it see 2) point. 2) put an if condition on start().... if(timer == true){ return; } else{ timer = true; stopwatch();

[@sharatchauhan9860]

@@mdabidkalam3527 we can disable start button after click on start and disable when we click on stop... easy

[@mdtamzilsubhani7340]

I want Load the calculate video, you done the great job Sir

[@sayalibhasme764]

Sir waiting for javascript Advance tutorial, completed your html css js also M changing my field from mech to IT, so waiting for your tutorial to became front end developer

[@GB-su9gu]

jv script part 15 today i learn..

[@learnwithme2232]

I like this tutorial. In this lockdown , Javascript taught by sir become more interested. Thanks sir for introducing javascript for us.

[@vkraj8735]

Keep uploading such projects.

[@sahilhans1867]

Bro pls check I have upload how to make calculator and password generator using javascript and pls support 🙏🙏🥺

[@vkraj8735]

@@sahilhans1867 not showing bro

[@vkraj8735]

@@sahilhans1867 not showing bro

[@tahirzaman9441]

We would like as much as projects possible... Cuz it's amazing... 0lease keep uploading projects

[@sahilhans1867]

Bro pls check I have upload how to make calculator and password generator using javascript and pls support 🙏🙏🥺

[@surojsantra4172]

This tutorial is helpful .............

[@nainabirla24]

Thank you sir .Very nicely explained.

[@12rajendrajangid90]

Html css or javascript #project ke bare mai bhi tutorial banao

[@jay-shree-ram9]

tq sir you are best teacher

[@zainraza2090]

Love from Pakistan Sir kindly baqi videos bhi upload kar dy Thanks...

[@vkraj8735]

Very useful sir, I started this tutorial, it's really awesome. You are doing really great work for us..

[@raazkumar4523]

Superb explanation sir👌

[@samsingh2246]

U are explaining very well . sir react.js pr video kb aygi ...

[@hhamzazaibbhatti1765]

Amazing sir thank you

[@MakeMyShorts]

one problem multi click on start button then see reaction sir please reply me

[@sudhakarkumar3039]

nice explanation... 👍🏻

[@spsp3193]

Superb explanation..

[@mohitshastri828]

Amezing videos sir 👍👍👍

[@avadhutpatil6625]

Thanks Sir. . Your videos are just amazing😍. you are really doing great work for learners like us.

[@harendrasinhparmar9096]

Thank you.sir

[@nadirkhanvlogs0]

1 more bug if we click multiple time on start button as a result speed of the watch increases on every click

[@bhagirathiverma2627]

Thanks a lot sir for this nice tutorial....😇😇😇😇 there is an error in this code if I click start multiple times then speed of stopwatch increases.🤔

[@maamobileoldphoneshop9356]

Great project when will this course end bhaiya? My friend reffered this channel

[@anshikamaurya182]

Nice sir👍👍

[@durgayadav2545]

Is this is a last video on Javascript. if not then how much more video will come? waiting for your lovely teaching :)

[@souravsarkar-mu8hq]

Excellent sir ❤❤

[@carry_minatii]

Hi sir, this project was mind blowing but sir there are some bug in this project 1. If the start is pressed multiple times then the timer speed is increased. 2. The timer is not accurate almost it runs of 7 seconds only in 10 seconds.

[@wanderwithprateek]

hi there u got the solution of 2nd point?... please do reply..thankyou

[@rashid-iqbal]

@@wanderwithprateek just change the setTimeout,value from 10 relative to clock.

[@subhamsahoo5203]

Bro mix all the JavaScript playlist and make a video

[@rajatchaurasia3578]

Present sir 💥😍💥😍💥😍

[@parmaryash4406]

Amazing👍👍👍

[@pranjalsrivastava1629]

Another Bug: What if we keep on pressing 'start' button - it keeps adding and the time starts running like crazy

[@AbdurRahman-qc3ip]

i got a solution do this if (timer == true) { document.getElementById("start").disabled = true; }

[@hamzaishfaq9548]

@@AbdurRahman-qc3ip Thanks it worked

[@AbdurRahman-qc3ip]

@@hamzaishfaq9548 mention not

[@patelkuldeep7531]

I also faced this problem for solution I used disabled attribute

[@pushkarkumar5578]

love your work ty for educating us.

[@anmoldubey4089]

Sir maine html and css complete kr liya hai... aap hi k tutorial se ...will javascript be enough for making my website responsive????

[@anmoldubey4089]

@@09.arkodevmukherjee24 thanks dude

[@Oldstoryhouse]

@@09.arkodevmukherjee24 no dude...just know the basics of internet fundamentals and web hosting is enough coz...frontend needs at least 1 year of work...give ur hands on framwork and projects then switch to backend...

[@Oldstoryhouse]

@@09.arkodevmukherjee24 thats why the website made by people like you crashes 🤣🤣.. Bro there is thing seo and optimization...lots of professionals took long time to achieve it...

[@GeniuslyTensai]

From when will the advance js start?

[@prajeshparekh7175]

Hi TechGun, ye pura stopwatch timer ko localstorage me store kaise karwaye taki is page ko refresh karne par hamara timer count on hota rahe without reseting. uspar bhi tutorial banao with same stopwatch.

[@pushkarkumar5578]

to show 2 digit number we can use localString method eg = number.toLocaleString( "en-US",{ minimumIntegerDigits: 2, useGrouping: false } );

[@09.arkodevmukherjee24]

Sir please make one project on Modals like how to make it.

[@omkarjaripatke9398]

isme bhi ek problem hai hum jitni bar start click krte hai stopwatch ka timer fast hojata hai maybe becoz wo multiple time function call kr raha hoga isliye

[@gamingwithajk7253]

bhai sahab yar

[@chakra1729]

Sir CUSTOMIZED video player ka tutorial upload karo

[@nimeshtank310]

Perfectly explained. But settimeout m confused hua

[@umeshpatel9408]

That's great thanks sir💓💓💓🤟🤟

[@AshishYadav-pd8bi]

hi there! , I found the small bug in this code, if you hit more than one time on the start button then the function stopWatch() call again , if you hit 5 time stopWatch() call 5 times in the nested type function inside function , due to this the timer increase exponentially.

[@somilyadav4293]

I am also getting this bug

[@aabhasjain96]

For this bug you need to disable the start button, like this : Add below line inside the start function: document.getElementById("start").disabled = true; Also add below line inside stop and reset function: document.getElementById("start").disabled = false;

[@MohitAanjne]

@@aabhasjain96 Yes I also Observed this bug..but still not working.

[@bajrulmiddya1176]

@@aabhasjain96 Button ko disable Karke Koi fayda Nahin ho raha hai

[@aabhasjain96]

@@bajrulmiddya1176 kyu nahi ho raha bhai, disable kar diya ro click nahi hoga aur function phir se call nahi hoga.

[@gamingstar5998]

Tailwind css kha opor ak video banaya please

[@12rajendrajangid90]

Great sir

[@gamingwithajk7253]

bro code me ik problem hy agy hum start ke button per 2 bar click krde to tym zyda jldi increase hota agr 3 bar to or jldi

[@factinzone7607]

Sir php ka tutorial banaiye plz

[@12rajendrajangid90]

Outstanding work

[@urghh]

Thank you ...🙏🏻

[@dharmbharodiya5158]

You're the best!!!

[@ganeshkhadka2396]

Thank you so much for your efforts bro love from nepal!

[@praveenbadasar9956]

Nice 🎉

[@TechGun]

Thanks 🤗

[@satyamrawat1245]

Master bhushan

[@lovishaggarwal1402]

There was a bug when i restart and start or stop start the time increases evry time and gives incorrect time (why?)

[@panyam_hub_infoinfo5487]

Plz make pagination with photo

[@pranjalsrivastava1629]

Bug in the code or logic used: the stopwatch is running slow comparing to google stopwatch watch or stopwatch in smartphone. Please help, maybe a refined logic would work?

[@rashid-iqbal]

use 8 millisecond in setTimeout,it will work

[@Meraj484]

Bhi plz c language pr video banye

[@Raj_Vishwa1]

Sir app jo shortcut use karte ho vscode me uska ek alag video bana digiye 🙏🏻

[@TechGun]

Tips and tricks for web developer title se ek video already uploaded h. Usme sab bataya h

[@Raj_Vishwa1]

@@TechGun ok I'll check.. thanks sir🙏🏻

[@ashishmaisachinanand9599]

Sir where we find this code? Which you had taught

[@muhammadasim4945]

Waiting for JavaScript in 1 video

[@drprabhakarbhagwat]

Vishvajeet bhai ji good afternoon, Aap jo bhi function run kar rahe ho, woh console.log me show hota h, woh web page par kab show hoga html ki tarah....! Please clear my doubt 🙏🙏

[@TechGun]

Jab aap project tak video dekhoge to sab clear ho jayega ki kyu console.log kar raha hu aur webpage pe kaise dikhega.

[@drprabhakarbhagwat]

@@TechGun thanks Vishwajeet bhai abhi toh 18th video par aaya hu, mujhe array function kafi acha laga 🙏👍

[@Oldstoryhouse]

Thats why we use events ...

[@sarkari-mahiti]

Sir jaldi video upload karo sir

[@sarkari-mahiti]

Html css JavaScript complete hone ke bad angular choose kare ya react sir

[@TechGun]

React

[@syedismail9758]

Sir react pe tutorial banaye js ke baad plz

[@Oldstoryhouse]

Its upto you if you want flexible libraries then choose react or if you want industrial framwork with big community then angular is the best option

[@doyouknow750]

React

[@inspiringstories143]

Sir ji kya javaScript Es tutorial se complete ho gaya he kya .

[@difinreel1883]

isme ek problem hai, agar stop dabane ke baadh vapis start dabaya toh time speeed ho raha hai, uska problem ka kya solution hai?

[@malik_creation38]

sir there are bug when we click on start button then speed of mint,sec and hours are increaing speedly.

[@mdtamzilsubhani7340]

I done this program

[@12rajendrajangid90]

Sir aap ne study konsi ki hai????

[@MohitThakur-yz7bb]

How can make it for multiple divs in html

[@surojsantra4172]

Jquery ka tutorial chaieay!!

[@Oldstoryhouse]

Abhe jquery ka koi fayda nhi bhai..ES6 me sab h

[@surojsantra4172]

@@Oldstoryhouse Thank you !!!

[@loki5059]

Display:inline-flex Display:flex Ke bare mai video banao please

[@farighahmadsabri3018]

1 small bug: The stopwatch stops to function when we change the tab and starts again from the point we left when we are back on the page. Any fix to this?

[@atharvashivalkar6426]

Hello sir I have one doubt that I seted timer=true but it does not show me any error ..can you please explain ..

[@nikitakanwar8041]

Start pe double click krne pe speed bhi bhad rhi hai...........eska koi solution btao sir 🙏

[@maggie7850]

Stopwatch is slow as compare to Google or phone stopwatch what's bug ? Please help thanks.

[@fullpower4275]

Sir python easy hai ya php?🙏

[@TechGun]

Php and python Dono hi easy h, java c c++ ye 3 toda tough h

[@fullpower4275]

@@TechGun 🙏

[@swarnavobose5578]

sir same to same code karne k bad bhi start/stop koi bhi button kam nhi kar rha mera... kya kare sir? please help

[@SAACHIPANDEY]

24:30

[@ps6846]

There is bug in this . By pressing start button multiple times timer is going exponentially fast. What is the resolve for this?

[@INDClashers]

Really great tutorials but don't know Itna kaam view 🤔🤔

[@09.arkodevmukherjee24]

First

[@pushkarkumar5578]

why we writing stopwatch function in brackets "" in setTimeout funtion

[@vaibhavtiwari7659]

Sir agar hamne Pc me ek webpage banaya, fir us webpage ka pura folder mobile me transfer kiya to mobile me css ki file aur images chrome me kaam nahi karti kewal HTML show karta hai, link bhi sahi lagaya hai.

[@vkraj8735]

Yes, iske liye aapko apna site kisi server per upload krni hogi.. Free or trial ke liye aap github ka use kr skte ho.

[@vaibhavtiwari7659]

@@vkraj8735 but offline ke liye ?

[@krishnaTiwari851]

sir this series finished or not ?? more interesting sir

[@bibekgyanwali8294]

How to do marquee with the help of js?