How to create a countdown timer in WordPress using java script

QuestionsCategory: JavascriptHow to create a countdown timer in WordPress using java script
VR Soft Coder Staff asked 1 week ago

You need to add following javascript code in your wordpress page where you want show the timer. I hope you will understand the code. If you face the issue comment below in this question…

			<script>
			// Set the date we're counting down to
			var countDownDate = new Date(the_field('drwa_time',$value->product_id)).getTime();

			// Update the count down every 1 second
			var x = setInterval(function() {

			  // Get today's date and time
			  var now = new Date().getTime();

			  // Find the distance between now and the count down date
			  var distance = countDownDate - now;

			  // Time calculations for days, hours, minutes and seconds
			  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
			  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
			  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
			  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

			  // Display the result in the element with id="demo"
			  document.getElementById("lt<?php echo $value->product_id; ?>").innerHTML = days + "d " + hours + "h "
			  + minutes + "m " + seconds + "s ";

			  // If the count down is finished, write some text
			  if (distance < 0) {
			    clearInterval(x);
			    document.getElementById("lt<?php echo $value->product_id; ?>").innerHTML = "EXPIRED";
			  }
			}, 1000);
			</script>

Your Answer

Related Posts

Begin typing your search above and press enter to search. Press ESC to cancel.

Back To Top