Hi,
I have the following script:
var CountDown = {
timers: {},
start_timer: function(post_id, date, timezone)
{
// if show timer, set interval
if (true == CountDown.timer(post_id, date, timezone))
{
// set interval and remember id
this.timers[post_id] = setInterval(
'CountDown.timer(' + post_id + ', "' + date + '", ' + timezone + ')', 1000)
}
},
timer: function(post_id, date, timezone)
{
// get date 2011-01-25 18:20:00
var m = date.match(/^(\\d{4})\\-(\\d{2})\\-(\\d{2})\\s{1}(\\d{2})\\:(\\d{2})\\:(\\d{2})$/)
var d_offset = new Date()
// get finish date respecting user's timezone
var d_finish = new Date(m[1], m[2] - 1,
m[3], m[4], m[5] - (timezone * 60) - d_offset.getTimezoneOffset(), m[6])
var d_current = new Date()
var time_left = '';
var show_timer = true
// show timer
if (d_finish >= d_current)
{
var seconds_left = Math.round((d_finish - d_current) / 1000)
var seconds = seconds_left % 60
// add 0 when missing
if (seconds < 10)
seconds = "0" + seconds
var minutes = Math.floor(seconds_left / 60) % 60
// add 0 when missing
if (minutes < 10)
minutes = "0" + minutes
var hours = Math.floor(seconds_left / 60 / 60) % 24
// add 0 when missing
if (hours < 10)
hours = "0" + hours
var days = Math.floor(seconds_left / 60 / 60 / 24)
// set days text
if (1 == days)
days_text = "day"
else
days_text = "days"
time_left = days + " " + days_text + " "+ hours + ":" + minutes + ":" + seconds
}
// offer closed
else
{
time_left = 'offer closed'
show_timer = false
// change buy url
var buy_url = document.getElementById('buy-button-' + post_id)
buy_url.setAttribute('href', 'javascript: alert("Too Late"); void 0')
// if timer was set, remove
if (this.timers[post_id])
{
clearInterval(this.timers[post_id])
delete this.timers[post_id]
}
}
var new_obj = document.createElement('span')
new_obj.setAttribute('id', 'timer-' + post_id)
new_obj.appendChild(document.createTextNode(time_left))
var old_obj = document.getElementById('timer-' + post_id)
var par = old_obj.parentNode
par.replaceChild(new_obj, old_obj)
return show_timer
}
}
This runs a countdown in a wordpress post based upon a value set from a shortcode. When it reaches zero it changes the value of some text to say “Too late”.
What I want to add is some jquery animation to this. As this script is normal javascript and is not using jQuery, I am not sure how to go about this.
Any help would be much appreciated.
Thanks