A jQuery plugin that sets a div or span to show a countdown to a given time.
jquery.countdown is a jQuery plugin that sets a div or span to show a countdown to a given time.
Questions tagged [jquery-countdown]
101 questions
6
votes
3 answers
Setting timezone while using jQuery CountDown
Currently we have this code, which works, except it needs to use a specified timezone, rather than the user's timezone:
$('#countdown').countdown('').on('update.countdown', function(event) {
var format = '%-S…
Martin
- 795
- 1
- 12
- 31
4
votes
4 answers
Show alert box one minute before the countdown ends
I am working on an online quiz module where the quiz auto submits after 30 mins. Now I want to show an alert box where in the student gets notified "1 minute left to finish quiz" on the 29th Minute. I am unable to figure out how to implement this. I…
Ansh
- 269
- 2
- 15
3
votes
4 answers
Changing the format of jQuery Countdown?
I'm trying to get my countdown timer to say 0 Yrs, 0 Months, 7 days 0 Mins etc, but whatever number I try to enter and as much as I try to work it out, I get answers like 7,349 days etc. Here is the code:
// jQuery Countdown styles 1.6.1. - plugin…
Jamie Smith
- 31
- 2
3
votes
1 answer
jQuery countdown timer, auto-refresh after it hits 0
I haven't been able to find any good examples , but I'm looking to find some simply jQuery examples for a countdown of 30 seconds which will essentially refresh the current page once it hits 0.
Each count should be displayed in a
element.
timw07
- 339
- 2
- 5
- 18
2
votes
1 answer
Check if countdown end
I have this code :
$(document).ready(function(){
$("#CDT")
.countdown("{{ aReturn.sAuctionEndDate }}", function(event) {
$(this).html(
event.strftime('' +
'
Harea Costicla
- 797
- 3
- 9
- 20
2
votes
1 answer
How to set 7 days countdown to keith-wood Jquery Countdown Plugin
I am using keith Wood jquery countdown plugin for my coming soon page and i want to add 7 days 10 hours 40 minutes countdown. You can find more here http://keith-wood.name/countdown.html
This is my code:
function countdown () {
// src:…
Waseem Barcha
- 197
- 1
- 4
- 14
2
votes
1 answer
The Final Countdown is not functioning
The Final Countdown is not appearing on my page when i open it in Google Chrome. I'm not quite sure why the countdown does not function. Can someone please help me out here? Thanks a lot!
The Final…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Oct 15 '15 at 08:43">asked Oct 15 '15 at 08:43</time>
<a href="../../users/5205092/b-liu" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5205092.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="B.Liu" />
</a>
<div class="s-user-card--info">
<a href="../../users/5205092/b-liu" class="s-user-card--link">B.Liu</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">187</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29557863">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29557863/using-jquery-countdown-plugin-how-to-make-the-countdown-based-on-the-real-time" class="question-hyperlink">Using jQuery Countdown plugin, how to make the countdown based on the real time (not user's computer time)</a></h3>
<div class="excerpt">I'm using jQuery Countdown plugin. It works fine but when I change the time on my computer, the countdown changes too. I mean the countdown cannot be accurate if the time set on the user's computer is not accurate.
This is how I…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 10 '15 at 09:26">asked Apr 10 '15 at 09:26</time>
<a href="../../users/3554256/bob" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3554256.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Bob" />
</a>
<div class="s-user-card--info">
<a href="../../users/3554256/bob" class="s-user-card--link">Bob</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">169</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="11 bronze badges">11</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-28847577">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/28847577/jquery-final-countdown-js-need-help-configuring-it" class="question-hyperlink">jquery.final-countdown.js - need help configuring it</a></h3>
<div class="excerpt">There are instructions to configure (and how to use) this plugin here:
http://www.jqueryscript.net/time-clock/Modern-Circular-jQuery-Countdown-Timer-Plugin-Final-Countdown.html
Initialize the countdown timer and set the start time, end time and…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-plugins" class="post-tag grid--cell" title="show questions tagged 'jquery-plugins'" rel="tag">jquery-plugins</a>
<a href="../../questions/tagged/countdown" class="post-tag grid--cell" title="show questions tagged 'countdown'" rel="tag">countdown</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Mar 04 '15 at 05:58">asked Mar 04 '15 at 05:58</time>
<a href="../../users/2580502/ricardo-parker" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/2580502.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ricardo Parker" />
</a>
<div class="s-user-card--info">
<a href="../../users/2580502/ricardo-parker" class="s-user-card--link">Ricardo Parker</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">809</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="9 silver badge">9</li>
<li class="s-award-bling s-award-bling__bronze" title="10 bronze badge">10</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-25111557">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/25111557/jquery-countdown-showing-nan-in-safari-works-fine-in-chrome-firefox" class="question-hyperlink">Jquery Countdown Showing NaN in Safari, Works fine in Chrome / Firefox</a></h3>
<div class="excerpt">I am creating a penny auction site and I have several auctions on the home page. Each auction gets its own timer based on a date from the mysql date format, which is in format 'Y-m-d H:i:s'.
The code works fine and the timers all start counting down…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/php" class="post-tag grid--cell" title="show questions tagged 'php'" rel="tag">php</a>
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/datetime" class="post-tag grid--cell" title="show questions tagged 'datetime'" rel="tag">datetime</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 04 '14 at 03:56">asked Aug 04 '14 at 03:56</time>
<a href="../../users/1494951/daniel-white" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/1494951.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Daniel White" />
</a>
<div class="s-user-card--info">
<a href="../../users/1494951/daniel-white" class="s-user-card--link">Daniel White</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3,337</li>
<li class="s-award-bling s-award-bling__gold" title="8 gold badges">8</li>
<li class="s-award-bling s-award-bling__silver" title="43 silver badges">43</li>
<li class="s-award-bling s-award-bling__bronze" title="66 bronze badges">66</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-14215731">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/14215731/jquery-countdown-has-incorrect-date" class="question-hyperlink">jQuery Countdown has incorrect date</a></h3>
<div class="excerpt">I'm working with the countdown on this page http://chips.be-different.co.uk/
The countdown code (to 18th February) is:
$('#countdown').countdown({until: new Date(2013, 02, 18), format: 'DHMS', labels: ['Years', 'Months', 'Weeks', 'Days', 'Hours',…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jan 08 '13 at 13:11">asked Jan 08 '13 at 13:11</time>
<a href="../../users/1160747/rick-donohoe" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/1160747.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rick Donohoe" />
</a>
<div class="s-user-card--info">
<a href="../../users/1160747/rick-donohoe" class="s-user-card--link">Rick Donohoe</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">7,081</li>
<li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li>
<li class="s-award-bling s-award-bling__silver" title="26 silver badges">26</li>
<li class="s-award-bling s-award-bling__bronze" title="38 bronze badges">38</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-67324211">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/67324211/how-to-create-countdown-timer-associate-with-praytimes-js" class="question-hyperlink">How to create countdown timer associate with praytimes.js</a></h3>
<div class="excerpt">i am using praytimes.org to perform prayer times, how to create countdown to the time when the prayer is coming, and so on, and so on... im using 24h format
eg: x minutes y seconds before fajr after that x minutes y seconds before sunrise…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/time" class="post-tag grid--cell" title="show questions tagged 'time'" rel="tag">time</a>
<a href="../../questions/tagged/countdown" class="post-tag grid--cell" title="show questions tagged 'countdown'" rel="tag">countdown</a>
<a href="../../questions/tagged/countdowntimer" class="post-tag grid--cell" title="show questions tagged 'countdowntimer'" rel="tag">countdowntimer</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 29 '21 at 19:53">asked Apr 29 '21 at 19:53</time>
<a href="../../users/7552091/dany" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/7552091.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="dany" />
</a>
<div class="s-user-card--info">
<a href="../../users/7552091/dany" class="s-user-card--link">dany</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">177</li>
<li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
<li class="s-award-bling s-award-bling__bronze" title="13 bronze badges">13</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-65241404">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/65241404/jquery-countdown-hours-minutes-seconds-throwing-error-nan-in-safari-and-iphone" class="question-hyperlink">jQuery countdown hours/ minutes/ seconds throwing error nAn in Safari and iPhone</a></h3>
<div class="excerpt">I'm using jquery.countdown.js for a simple countdown clock. On Safari Desktop and Safari on iPhone I get an error for "Seconds" that reads NaN. It works on every other browser. Is there something I need to tweak?
Below is my code:
$(function () {
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Dec 10 '20 at 19:53">asked Dec 10 '20 at 19:53</time>
<a href="../../users/11424095/matthew-mclennan" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/11424095.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Matthew McLennan" />
</a>
<div class="s-user-card--info">
<a href="../../users/11424095/matthew-mclennan" class="s-user-card--link">Matthew McLennan</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">155</li>
<li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-59397158">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/59397158/countdown-javascript-not-working-for-smaller-screens-mobile-devices" class="question-hyperlink">Countdown Javascript not working for smaller screens/mobile devices</a></h3>
<div class="excerpt">The countdown Javascript I have for my website does not appear on smaller screens/mobile devices. It shows on my browser when in maximised view but not when I scale it down to a mobile size. Does anyone know what the issue could be? Everything else…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/php" class="post-tag grid--cell" title="show questions tagged 'php'" rel="tag">php</a>
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/countdown" class="post-tag grid--cell" title="show questions tagged 'countdown'" rel="tag">countdown</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Dec 18 '19 at 17:18">asked Dec 18 '19 at 17:18</time>
<a href="../../users/3424085/lloyd" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3424085.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Lloyd" />
</a>
<div class="s-user-card--info">
<a href="../../users/3424085/lloyd" class="s-user-card--link">Lloyd</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">435</li>
<li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
<li class="s-award-bling s-award-bling__silver" title="12 silver badges">12</li>
<li class="s-award-bling s-award-bling__bronze" title="29 bronze badges">29</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-57936296">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/57936296/jquery-animate-function-not-working-commas-decimals" class="question-hyperlink">JQuery Animate function not working commas/decimals</a></h3>
<div class="excerpt">Here is my HTML:
<li class="mega-menu-counter mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-12028 menu-counter" id="mega-menu-item-12028">
<a class="mega-menu-link"…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/wordpress" class="post-tag grid--cell" title="show questions tagged 'wordpress'" rel="tag">wordpress</a>
<a href="../../questions/tagged/jquery-animate" class="post-tag grid--cell" title="show questions tagged 'jquery-animate'" rel="tag">jquery-animate</a>
<a href="../../questions/tagged/jquery-countdown" class="post-tag grid--cell" title="show questions tagged 'jquery-countdown'" rel="tag">jquery-countdown</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 14 '19 at 14:10">asked Sep 14 '19 at 14:10</time>
<a href="../../users/4525980/daniel-devereux" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4525980.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Daniel Devereux" />
</a>
<div class="s-user-card--info">
<a href="../../users/4525980/daniel-devereux" class="s-user-card--link">Daniel Devereux</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">13</li>
<li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s-pagination pager fr">
<div class="s-pagination--item is-selected">1</div>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=2" rel="" title="Go to page 2">2</a>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=3" rel="" title="Go to page 3">3</a>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=4" rel="" title="Go to page 4">4</a>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=5" rel="" title="Go to page 5">5</a>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=6" rel="" title="Go to page 6">6</a>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=7" rel="" title="Go to page 7">7</a>
<a class="s-pagination--item" href="../../questions/tagged/jquery-countdown_page=2" rel="next" title="Go to page 2"> Next</a>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>