Edit in Jsfiddle JavaScript HTML CSS Result H1 {font-family: "Microsoft Jas Black"; font-size:40px; margin:20px 0; Border-bottom:solid 1px #ccc; padding-bottom:20px; letter-spacing:2px; }. Time-item strong {background: #C71C60; Color: #fff; line-height:49px; font-size:36px; font-family:arial; Padding:0 10px; margin-right:10px; border-radius:5px; box-shadow:1px 1px 3px rgba (0, 0, 0, 0.2); } #day_show {float:left; line-height:49px; Color: #c71c60; font-size:32px; Margin:0 10px; Font-family:arial, Helvetica, Sans-serif; }. Item-title. unit {background:none; line-height:49px; font-size:24px; Padding:0 10px; Float:left; } var Intdiff =parseint (86400); Countdown Total seconds number function timer (intdiff) {window.setinterval (function () {var day = 0, Hour = 0, minute = 0, second = 0; Time default value if (Intdiff > 0) {day = Math.floor (Intdiff/(60 * 60 * 24)); hour = Math.floor (Intdiff/())-(day * 24); minute = Math.floor (INTDIFF/60)-(Day *)-(hour * 60); Second = Math.floor (Intdiff)-(Day *)-(Hour *)-(minute * 60); } if (minute <= 9) minute = ' 0 ' + minute; if (second <= 9) Second = ' 0 ' + second; $ (' #day_show '). HTML (day + "Days"); $ (' #hour_show '). html (' <s id= "h" ></s> ' + hour + '); $ (' #minute_show '). html (' <s></s> ' + Minute + '); $ (' #second_show '). html (' <s></s> ' + seconD + ' s '); intdiff--; }, 1000); } $ (function () {timer (Intdiff); }); NET JS countdown total seconds number and sort