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
<!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML časovač</title> <style> #casovac > span { display: none; } </style> <!-- jQuery lib --> <script> var day = new Date().getDate(); </script> </head> <body> <div id="casovac"> <span id="d21">banan</span> <span id="d22">slivka</span> <span id="d23">hruska</span> <span id="d24">jablko</span> <span id="d25">pomaranc</span> <span id="d26">melon</span> <span id="d27">kapusta</span> <!-- dnes je 27.12. takže sa zobrazí kapusta --> <span id="d28">paradajka</span> <span id="d29">paprika</span> <span id="d30">broskyna</span> <span id="d31">mrkva</span> <span id="d01">salat</span> <span id="d02">ceresne</span> <span id="d03">hrozno</span> </div> <script> if (day == 21) { $("#d21").show(); } if (day == 22) { $("#d22").show(); } if (day == 23) { $("#d23").show(); } if (day == 24) { $("#d24").show(); } if (day == 25) { $("#d25").show(); } if (day == 26) { $("#d26").show(); } if (day == 27) { $("#d27").show(); } if (day == 28) { $("#d28").show(); } if (day == 29) { $("#d29").show(); } if (day == 30) { $("#d30").show(); } if (day == 31) { $("#d31").show(); } if (day == 01) { $("#d01").show(); } if (day == 02) { $("#d02").show(); } if (day == 03) { $("#d03").show(); } </script> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>