The code above adds a “0” character to hours, minutes, and seconds when their values are less than 10. You can place content into the targeted HTML elements with the innerHTML property.Īdd the following code to the if (t >= 0) block, below the time conversion calculations:ĭocument.getElementById("timer-days").innerHTML = days +ĭocument.getElementById("timer-hours").innerHTML= ("0" + hours).slice(-2) +ĭocument.getElementById("timer-mins").innerHTML= ("0" + mins).slice(-2) +ĭocument.getElementById("timer-secs").innerHTML= ("0" + secs).slice(-2) + The getElementById() method of the document object allows you to target the HTML elements you created in Step 1, respectively #timer-days, #timer-hours, #timer-mins, and #timer-secs. Now that you have all the data in the right format, you can output the timer to the screen. Remaining seconds: Get the remaining seconds and divide it by the number of milliseconds in a single second (1000).Remaining minutes: Get the remaining minutes and divide it by the number of milliseconds in a single minute (1000 * 60 = milliseconds * seconds).Remaining hours: Get the remainder of the previous calculation using the % remainder operator and divide it by the number of milliseconds in a single hour (1000 * 60 * 60 = milliseconds * seconds * minutes).Remaining days: Divide the UTC value by 1000 * 60 * 60 * 24 which is the number of milliseconds in a single day (milliseconds * seconds * minutes * hours).The rest of the calculations are as follows: Using the Math.floor() built-in JavaScript function, you can round down any float value to the nearest integer.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |