{"id":413,"date":"2026-03-06T15:07:13","date_gmt":"2026-03-06T15:07:13","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/k_rai\/?p=413"},"modified":"2026-03-06T15:07:13","modified_gmt":"2026-03-06T15:07:13","slug":"time-stop","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/k_rai\/2026\/03\/06\/time-stop\/","title":{"rendered":"Time Stop"},"content":{"rendered":"\n

For this free friday I decided to work on a JavaScript project where i make a watch website but can control the watch Basically like a time watch.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I first started with making the Html and making id which bacially is a name where you can then control it with that name in the JavaScript<\/p>\n\n\n\n

I then put button for the watch where you can click and change the time<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

This is what the website looks with just the HTML and no JavaScript<\/p>\n\n\n\n

Since we need more than start button to function our watch <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I just copy and pasted the first buttons and changed it to stop and Reset button <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I then started working on the JavaScript for the Functionality of the watch <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

There are four function for the four buttons on HTML<\/p>\n\n\n\n

The Let is a variable that lets the Java know to that we’ll be changing it later like you are able to change the number like how it is zero right now <\/p>\n\n\n\n

The null on the let interval stands for nothing.<\/p>\n\n\n\n

const is where you cannot change it, it stands for constant The “time” is from HTML where we can control it in JAVA<\/p>\n\n\n\n

The ++ on Second Elapsed tells the Java to add one <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The buttons don’t do anything yet so the functions set Time and timer starts the timer<\/p>\n\n\n\n