01.<div id="countdown">
02. <div id='tiles'></div>
03. <div class="labels">
04. <li>วัน</li>
05. <li>ชั่วโมง</li>
06. <li>นาที</li>
07. <li>วินาที</li>
08. </div>
09.</div>
10.
11.<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
12.<script >var target_date = new Date("2018-10-11 22:02:00");
13.var days, hours, minutes, seconds;
14.
15.var countdown = document.getElementById("tiles");
16.
17.getCountdown();
18.
19.setInterval(function () {
20. getCountdown();
21.}, 1000);
22.
23.function getCountdown() {
24. var current_date = new Date().getTime();
25. var seconds_left = (target_date - current_date) / 1000;
26.
27. days = pad(parseInt(seconds_left / 86400));
28. seconds_left = seconds_left % 86400;
29.
30. hours = pad(parseInt(seconds_left / 3600));
31. seconds_left = seconds_left % 3600;
32.
33. minutes = pad(parseInt(seconds_left / 60));
34. seconds = pad(parseInt(seconds_left % 60));
35.
36. countdown.innerHTML =
37. "<span>" +
38. days +
39. "</span><span>" +
40. hours +
41. "</span><span>" +
42. minutes +
43. "</span><span>" +
44. seconds +
45. "</span>";
46.}
47.
48.function pad(n) {
49. return (n < 10 ? "0" : "") + n;
50.}
51.</script>
