Need help with countdown timer code

I want to put this count down timer code in my site.

Here's the example where its running.

https://slickdeals.net/giveaway/6747/200-sears-e-gift-card-giveaway

http://prntscr.com/iq1fii

Do you have a WordPress site?
 
HTML:
<!DOCTYPE html>
<head>
<link media="screen" href="https://css.slickdealscdn.com/min/5839/g=css&amp;style=14&amp;n=global-critical-desktop%2Cglobal-desktop%2Clegacy-global-desktop%2Cjqueryui%2Ccomponents" rel="stylesheet" crossorigin="anonymous" >
<link href='//fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet'>
<link media="screen" href="https://css.slickdealscdn.com/min/5839/g=css&amp;style=14&amp;n=fpGridBoxes%2Cgiveaway" rel="stylesheet" crossorigin="anonymous" >
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>window.jQuery || document.write('<scr'+'ipt src="https://slickdeals.net/scripts/jquery-1.7.min.js"><\/scr'+'ipt>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="https://slickdeals.net/min/5839/g=js&amp;n=jquery.simplemodal,jquery.countdown,vbulletin_md5,vbulletin_sdthreadrate,modern_giveaway,send_to_friend_modal" crossorigin="anonymous"></script>
</head>
<body>
<div class="countdown">
<div class="timer" data-enddate="1520924399"></div>
<script>
$(function () {
$('.timer').countdown({
until: new Date(1520924399000),
format: 'HMS'
});
});
</script>
<div class="remaining">
remaining in this giveaway
</div>
<div class="enterBtnContainer">
<form action="/yourgiveaway.php" method="post">
<input type="hidden" name="giveawayid" value="10000000000000000000">
<input type="hidden" name="redirect" value="1">
<input type="submit" class="button primary" value="Enter Giveaway" data-link="giveaway:Enter Giveaway">
</form>
</div>
</div>
</div>
</body>
</html>
 
Play around with the code and you will see how easy it is to understand and build your own. You don't want to connect to another site, do you?

Anyways cheers
 
HTML:
<!DOCTYPE html>
<head>
<link media="screen" href="https://css.slickdealscdn.com/min/5839/g=css&amp;style=14&amp;n=global-critical-desktop%2Cglobal-desktop%2Clegacy-global-desktop%2Cjqueryui%2Ccomponents" rel="stylesheet" crossorigin="anonymous" >
<link href='//fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet'>
<link media="screen" href="https://css.slickdealscdn.com/min/5839/g=css&amp;style=14&amp;n=fpGridBoxes%2Cgiveaway" rel="stylesheet" crossorigin="anonymous" >
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>window.jQuery || document.write('<scr'+'ipt src="https://slickdeals.net/scripts/jquery-1.7.min.js"><\/scr'+'ipt>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="https://slickdeals.net/min/5839/g=js&amp;n=jquery.simplemodal,jquery.countdown,vbulletin_md5,vbulletin_sdthreadrate,modern_giveaway,send_to_friend_modal" crossorigin="anonymous"></script>
</head>
<body>
<div class="countdown">
<div class="timer" data-enddate="1520924399"></div>
<script>
$(function () {
$('.timer').countdown({
until: new Date(1520924399000),
format: 'HMS'
});
});
</script>
<div class="remaining">
remaining in this giveaway
</div>
<div class="enterBtnContainer">
<form action="/yourgiveaway.php" method="post">
<input type="hidden" name="giveawayid" value="10000000000000000000">
<input type="hidden" name="redirect" value="1">
<input type="submit" class="button primary" value="Enter Giveaway" data-link="giveaway:Enter Giveaway">
</form>
</div>
</div>
</div>
</body>
</html>
Should copy all code from files hosted by slickdeals and slickdealscdn to your own js/css files and host yourself otherwise anybody checking your source will no you've stole it.
 
Thanks for the code wickedguy.

Whats this is the code "new Date(1520924399000)."

Is it the seconds to the date of the giveaway?
 
Back
Top