Guest User

Untitled

a guest
Oct 23rd, 2018
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.01 KB | None | 0 0
  1. case 'reminder':
  2. $reminder = remider_text();
  3.  
  4. break;
  5.  
  6. function remider_text(){
  7. $date = get_post_meta($post_id, 'booking_date', true);
  8. $date_format = "M d, Y";
  9. $meta = (!empty($date)) ? date($date_format, $date) : "";
  10. $time = get_post_meta($post_id, 'time', true);
  11. $data = $meta ." ". $time;
  12.  
  13. if ($data == '') {
  14. echo 'N/A';
  15. ?>
  16. <?php
  17. } else { ?>
  18. <div id="countdown"></div>
  19.  
  20. <script>
  21. console.log(data)
  22. // Set the date we're counting down to
  23. var countDownDate = new Date(data).getTime();
  24.  
  25. // Update the count down every 1 second
  26. var x = setInterval(function() {
  27.  
  28. // Get todays date and time
  29. var now = new Date().getTime();
  30.  
  31. // Find the distance between now and the count down date
  32. var distance = countDownDate - now;
  33.  
  34. // Time calculations for days, hours, minutes and seconds
  35. var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  36. var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  37. var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  38. var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  39.  
  40. // Output the result in an element with id="demo"
  41. var elms = document.querySelectorAll("[id='countdown']");
  42. for(var i = 0; i < elms.length; i++)
  43. elms[i].innerHTML = days + "d " + hours + "h "
  44. + minutes + "m " + seconds + "s ";
  45.  
  46. // Changing text color
  47. var elms_color = document.querySelectorAll("[id='countdown']");
  48. for(var i = 0; i < elms_color.length; i++)
  49. elms_color[i].style.color = days === 0 && hours < 3 ? 'red' : '';
  50.  
  51. // Changing text color
  52. var elms_color = document.querySelectorAll("[id='countdown']");
  53. for(var i = 0; i < elms_color.length; i++)
  54. elms_color[i].style.color = days === 2 && hours < 5 ? 'orange' : '';
  55.  
  56. // If the count down is over, write some text
  57. if (distance < 0) {
  58. clearInterval(x);
  59. for(var i = 0; i < elms.length; i++)
  60. elms[i].innerHTML = "Outdated";
  61. }
  62. }, 1000);
  63. </script>
  64. <?php }
  65. ?>
  66. <?php}
Add Comment
Please, Sign In to add comment