Birthday Countdown

HTML

<link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">
<script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>
<script src="http://fonts.googleapis.com/css?family=Montserrat"></script>
<header>
    <h1 dir="rtl">יום הולדת לעדי בעוד:</h1>
</header>
<br/>
<div id="clock"></div>
<br/>
<section id="wishlist">
    
</section>

CSS

body {
    text-align: center;
    background: url(http://i.imgur.com/Ltyep2W.png) repeat;
}
h1 {
    font-size: 2.5em;
}
#clock {
    width: 740px;
    margin: 0 auto;
}

JavaScript

var yourDate='2016-07-26';

$('#clock').FlipClock(getSecondsTillDate(yourDate), {
    clockFace: 'DailyCounter',
    countdown: true
});

function getSecondsTillDate(date) {
    var t1 = new Date();
    var t2 = new Date(date);
    if (t2 < t1) return 'Passed';
    var dif = t1.getTime() - t2.getTime();
    var Seconds_from_T1_to_T2 = dif / 1000;
    var Seconds_Between_Dates = Math.abs(Seconds_from_T1_to_T2); 
    return Seconds_Between_Dates;
}