Advertisement
Katsiree

button_lotteryTh

Jun 8th, 2019
164
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.69 KB | None | 0 0
  1. <a class="nav-item nav-link active" id="nav-thai-tab" data-toggle="tab" href="#nav-thai" role="tab"
  2.                        aria-controls="nav-thai" aria-selected="true" style="padding: 0; margin: 3px 5px;">
  3.  
  4.                         <div class="card border-primary read mb-3 bg-tb_primary" style="width: 200px;">
  5.                             <div class="card-body text-primary">
  6.                                 <p class="card-text text-center">
  7.                                     <img src="https://cdn.countryflags.com/thumbs/thailand/flag-400.png" alt=""
  8.                                        style="width:50px; margin-right: 10px; ;float: left;top:6px;position: relative;">
  9.                                     <b class="text-title">หวยไทย</b>
  10.                                     <br>
  11.                                     <small class="text-date">วันอาทิตย์ 16/06/62</small>
  12.                                     <br>
  13.                                     <small class="text-detail">
  14.                                         ออกรางวัลทุกวันที่ 1,16<br>
  15.                                         เปิดรับจนถึง 15:30น.
  16.                                     </small>
  17.                                     <br>
  18.                                     <span class="countdown" data-date="2019-06-16" data-time="12-30">
  19.                                     </span>
  20.                                 </p>
  21.                             </div>
  22.                         </div>
  23. </a>
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <script>
  30.     var countdownTimer = setInterval(countdownTick, 1000);
  31.  
  32.     function countdownTick() {
  33.         $('span.countdown').each(function () {
  34.             var date = $(this).attr('data-date').split('-'); // Create date array from attribute
  35.             var time = $(this).attr('data-time').split('-'); // Create time array from attribute
  36.  
  37.             for (var i = 0; i < date.length; i++) {
  38.                date[i] = parseInt(date[i]);
  39.            }
  40.            for (var i = 0; i < time.length; i++) {
  41.                time[i] = parseInt(time[i]);
  42.            }
  43.  
  44.            var today = new Date();
  45.            var theDate = new Date(date[0], (date[1] - 1), date[2], time[0], time[1]);
  46.  
  47.            if (theDate.getTime() > today.getTime()) {
  48.                 countdownCalc(this, theDate, today);
  49.             } else {
  50.                 $(this).text('Past');
  51.             }
  52.         });
  53.     }
  54.  
  55.  
  56.     function countdownCalc(obj, targetDate, currentDate) {
  57.  
  58.         var oneDay = 1000 * 60 * 60 * 24;
  59.         var oneSecond = 1000;
  60.  
  61.         var output = (targetDate.getTime() - currentDate.getTime());
  62.  
  63.         var day = Math.floor(output / oneDay);
  64.         var hour = Math.floor((output - (day * oneDay)) / (1000 * 60 * 60));
  65.         var minute = Math.floor((output - (hour * (1000 * 60 * 60) + (day * oneDay))) / (1000 * 60));
  66.         var second = Math.floor((output - ((minute * 60000) + (hour * 1000 * 60 * 60) + (day * oneDay))) / 1000);
  67.  
  68.  
  69.         $(obj).html(
  70.             '<span class="countdown-label text-end_date">เหลือเวลา </span><span class="countdown-number text-end_date">' +
  71.             day +
  72.             '</span><span class="countdown-label text-end_date"> วัน </span><span class="countdown-number text-end_date">' +
  73.             hour +
  74.             '</span><span class="countdown-label text-end_date">:</span><span class="countdown-number text-end_date">' +
  75.             minute +
  76.             '</span><span class="countdown-label text-end_date">:</span><span class="countdown-number text-end_date">' +
  77.             second +
  78.             '</span><span class="countdown-label text-end_date">น.</span>');
  79.  
  80.     }
  81. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement