Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="container1"> <a href="#0" onclick="countToShow(30, 'container1', 'r_content1', 'ads1')"><strong>ŘEŠENÍ</strong></a> <div id="ads1" style="display: none"> <div id="countdown1"></div> </div> <div id="r_content1" style="display: none"></div> </div> <div id="container2"> <a href="#0" onclick="countToShow(30, 'container2', 'r_content2', 'ads2')"><strong>ŘEŠENÍ</strong></a> <div id="ads2" style="display: none"> <div id="countdown2"></div> </div> <div id="r_content2" style="display: none"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function countToShow(timeInSeconds, countdownId, contentId, adsId) { var countdownElement = document.getElementById(countdownId); var contentElement = document.getElementById(contentId); var adsElement = document.getElementById(adsId); var remainingSeconds = timeInSeconds; adsElement.style.display = ''; countdownElement.innerHTML = remainingSeconds; var interval = setInterval(function() { countdownElement.innerHTML = --remainingSeconds; if (remainingSeconds === 0) { clearInterval(interval); contentElement.style.display = ''; adsElement.style.display = 'none'; } }, 1000); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>