Menu
Hello Forum
Coding is not my profession, But, Now I am in a situation where I have to fix something, and I hope you could help me out.
We have an old factory internal site that is running on some technology which I don’t know, However, All I want to do is to display simple, basic, and fixed countdown timer onto one of its pages. Here is what I have tried:
1) There are some ready countdown timer where I set my event’s date, and it generates nice some tags that I could embed into my page as iframe or whatever. The problem with 99.9999 of these free countdown timers is that they will ALWAYS add their logos and/or links to their own sites. So, My manager ordered me NOT to use those.
2) I have been doing some research, and I found some good blogs e.g. ([url]http://countdownjs.org/
<html>
<head> <title>Coming Soon…!</title></head>
</body>
<link rel=’stylesheet’ href=’
<style>
#clock {
width: 640px;
margin: 0 auto;
}
</style>
<div id=”clock”></div>
<script type=”text/javascript” src=”//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js”></script>
<script type=”text/javascript” src=”//cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js”></script>
<script type=”text/javascript”>
$(‘#clock’).FlipClock(getCountDownTime(‘2016-05-28 07:00’), {
clockFace: ‘DailyCounter’,
countdown: true
});
function getCountDownTime(eventDate) {
var date = new Date(eventDate);
var now = new Date();
var diff = (date.getTime() / 1000) – (now.getTime() / 1000);
return diff;
}
</script>
<h1> Our event will start in: </h1> <br />
<h2> Here is exactly where I wish to show the countdown timer !!! </h2>
</body>
</html>
So, Could you please help me to display a very basic running countdown timer?