Dtjytyk

I can't get the following code to work on the frontend. It displays correctly but will not countdown as I would like. I have tried changing the date but nothing happens. Could someone point me in the right direction? Thanks

<p>
<script type="text/javascript">
// <![CDATA[
var end = new Date("06/22/2016 ");
 var _second = 1000;
 var _minute = _second * 60;
 var _hour = _minute * 60;
 var _day = _hour * 24;
 var timer;

 function showRemaining() 
 var end = new Date("06/22/2016");
 var now = new Date();
 var distance = end - now;
 var days = Math.floor(distance / _day);
 var hours = Math.floor((distance % _day) / _hour);
 var minutes = Math.floor((distance % _hour) / _minute);
 var seconds = Math.floor((distance % _minute) / _second);

 document.getElementById('coupon_days').innerHTML = '<span>'+days+'D&nbsp;</span>';
 document.getElementById('coupon_hours').innerHTML = '<span>'+hours+'H&nbsp;</span>';
 document.getElementById('coupon_minutes').innerHTML = '<span>'+minutes+'M&nbsp;</span>';
 document.getElementById('coupon_seconds').innerHTML = '<span>'+seconds+'S&nbsp;</span>';
 
 timer = setInterval(showRemaining, 1000);
// ]]>
</script>
</p>

<div class="order_line_content">
 <p>Order Before <strong><span style="color: #ff99cc;">1D-<span id="coupon_hours">1H-</span><span id="coupon_minutes">40M-</span></span></strong><span id="coupon_seconds"><span><strong><span style="color: #ff99cc;">2S</span></strong>&nbsp;</span></span><span id="coupon_seconds">to go</span> To Get Upto 20% off.</p>
</div>

You can use below script if you want. I have used it before https://jsfiddle.net/cbdgmzr1/2/

<div id="countdown">
 <p class="days">00</p>
 <p class="timeRefDays">days</p>
 <p class="hours">00</p>
 <p class="timeRefHours">hours</p>
 <p class="minutes">00</p>
 <p class="timeRefMinutes">minutes</p>
 <p class="seconds">00</p>
 <p class="timeRefSeconds">seconds</p>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
/*
* Basic Count Down to Date and Time
* Author: @mrwigster / trulycode.com
*/
(function (e) 
 e.fn.countdown = function (t, n) 
 function i() 
 eventDate = Date.parse(r.date) / 1e3;
 currentDate = Math.floor(e.now() / 1e3);
 if (eventDate <= currentDate) 
 n.call(this);
 clearInterval(interval)
 
 seconds = eventDate - currentDate;
 days = Math.floor(seconds / 86400);
 seconds -= days * 60 * 60 * 24;
 hours = Math.floor(seconds / 3600);
 seconds -= hours * 60 * 60;
 minutes = Math.floor(seconds / 60);
 seconds -= minutes * 60;
 days == 1 ? thisEl.find(".timeRefDays").text("day") : thisEl.find(".timeRefDays").text("days");
 hours == 1 ? thisEl.find(".timeRefHours").text("hour") : thisEl.find(".timeRefHours").text("hours");
 minutes == 1 ? thisEl.find(".timeRefMinutes").text("minute") : thisEl.find(".timeRefMinutes").text("minutes");
 seconds == 1 ? thisEl.find(".timeRefSeconds").text("second") : thisEl.find(".timeRefSeconds").text("seconds");
 if (r["format"] == "on") 
 days = String(days).length >= 2 ? days : "0" + days;
 hours = String(hours).length >= 2 ? hours : "0" + hours;
 minutes = String(minutes).length >= 2 ? minutes : "0" + minutes;
 seconds = String(seconds).length >= 2 ? seconds : "0" + seconds
 
 if (!isNaN(eventDate)) 
 thisEl.find(".days").text(days);
 thisEl.find(".hours").text(hours);
 thisEl.find(".minutes").text(minutes);
 thisEl.find(".seconds").text(seconds)
 else 
 alert("Invalid date. Example: 30 Tuesday 2013 15:50:00");
 clearInterval(interval)
 
 
 var thisEl = e(this);
 var r = 
 date: null,
 format: null
 ;
 t && e.extend(r, t);
 i();
 interval = setInterval(i, 1e3)
 
 )(jQuery);
 $(document).ready(function () 
 function e() 
 var e = new Date;
 e.setDate(e.getDate() + 60);
 dd = e.getDate();
 mm = e.getMonth() + 1;
 y = e.getFullYear();
 futureFormattedDate = mm + "/" + dd + "/" + y;
 return futureFormattedDate
 
 $("#countdown").countdown(
 date: "17 August 2017 21:30:00", // Change this to your desired date to countdown to
 format: "on"
 );
);
</script>
<style>
#countdown p 
 display: inline-block;
 padding: 5px;
 background: #FFA500;
 margin: 0 0 20px;

</style>