How it woks ?JavaScript 'new Date()' Object not used. Here fully scratch functionality built with mathematics and CSS propertie transform. timer inside 3 sections there are. That was 1.Hour, 2.Minute, 3.Seconds. Each sections are formula for run the timer. when user set for timer 30 second that 30 value convert in 'degreeValue'. Same for 1 hour timer set that 1 value convert in 'hours_degreeValue' and 5 minute timer set that 5 value convert in 'minute_degreeValue'.Three formulas written here ->
*First one is degreevalue -> 30 * 6 = 180. (user seted seconds * 6degree = degreeValue.)
*Second one is minutevalue -> 60 * 5 * 6. (60 * user seted minutes * 6degree = minute_degreeValue.)
*Third one is hourvalue -> i.user seted hours * 60 = hour_mulifly_60_value. | ii.hour_mulifly_60_value * 60 * 6. (hour_mulifly_60_value * 60 * 6degree = hours_degreeValue.)
Count variable add 6 number for count increase.'count = count + 6. And minute_count_init variable add 360 number on count equal to 360. 'minute_count_init + 360'. Restart for current seted timer again run. cancel for stop the timer.