Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <a class="nav-item nav-link active" id="nav-thai-tab" data-toggle="tab" href="#nav-thai" role="tab"
- aria-controls="nav-thai" aria-selected="true" style="padding: 0; margin: 3px 5px;">
- <div class="card border-primary read mb-3 bg-tb_primary" style="width: 200px;">
- <div class="card-body text-primary">
- <p class="card-text text-center">
- <img src="https://cdn.countryflags.com/thumbs/thailand/flag-400.png" alt=""
- style="width:50px; margin-right: 10px; ;float: left;top:6px;position: relative;">
- <b class="text-title">หวยไทย</b>
- <br>
- <small class="text-date">วันอาทิตย์ 16/06/62</small>
- <br>
- <small class="text-detail">
- ออกรางวัลทุกวันที่ 1,16<br>
- เปิดรับจนถึง 15:30น.
- </small>
- <br>
- <span class="countdown" data-date="2019-06-16" data-time="12-30">
- </span>
- </p>
- </div>
- </div>
- </a>
- <script>
- var countdownTimer = setInterval(countdownTick, 1000);
- function countdownTick() {
- $('span.countdown').each(function () {
- var date = $(this).attr('data-date').split('-'); // Create date array from attribute
- var time = $(this).attr('data-time').split('-'); // Create time array from attribute
- for (var i = 0; i < date.length; i++) {
- date[i] = parseInt(date[i]);
- }
- for (var i = 0; i < time.length; i++) {
- time[i] = parseInt(time[i]);
- }
- var today = new Date();
- var theDate = new Date(date[0], (date[1] - 1), date[2], time[0], time[1]);
- if (theDate.getTime() > today.getTime()) {
- countdownCalc(this, theDate, today);
- } else {
- $(this).text('Past');
- }
- });
- }
- function countdownCalc(obj, targetDate, currentDate) {
- var oneDay = 1000 * 60 * 60 * 24;
- var oneSecond = 1000;
- var output = (targetDate.getTime() - currentDate.getTime());
- var day = Math.floor(output / oneDay);
- var hour = Math.floor((output - (day * oneDay)) / (1000 * 60 * 60));
- var minute = Math.floor((output - (hour * (1000 * 60 * 60) + (day * oneDay))) / (1000 * 60));
- var second = Math.floor((output - ((minute * 60000) + (hour * 1000 * 60 * 60) + (day * oneDay))) / 1000);
- $(obj).html(
- '<span class="countdown-label text-end_date">เหลือเวลา </span><span class="countdown-number text-end_date">' +
- day +
- '</span><span class="countdown-label text-end_date"> วัน </span><span class="countdown-number text-end_date">' +
- hour +
- '</span><span class="countdown-label text-end_date">:</span><span class="countdown-number text-end_date">' +
- minute +
- '</span><span class="countdown-label text-end_date">:</span><span class="countdown-number text-end_date">' +
- second +
- '</span><span class="countdown-label text-end_date">น.</span>');
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement