Как я смогу использовать JavaScript для наложения изображения взрыва в качестве вызываемой функции? ⇐ CSS

[Anonymous]

На моем веб-сайте установлен таймер обратного отсчета, и я хочу, чтобы он накладывался на обычный GIF-изображение взрыва, когда таймер истечет. У меня есть вызов функции, когда она заканчивается, теперь мне просто нужно знать, что будет в этой функции.
Я новичок в JavaScript и веб-разработке в целом, поэтому я понятия не имею, как это сделать.
Я пробовал искать в Интернете, но все документы, которые я нашел, не оказывают никакой помощи или не делают никакой информации. смысл.
Это код, который у меня есть:
window.onload = function () {
var time = 299, // your time in seconds here
display = document.querySelector('#timer');
startTimer(time, display);
};

function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10)
seconds = parseInt(timer % 60, 10);

minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;

display.textContent = minutes + ":" + seconds;

if (--timer < 0) {

// This is the part that will call the explosion function.
}
}, 1000);
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... n-gif-as-a