HOP IN, HOP OFF
– superviikonlopun tapahtumabussi kulkee Syötteellä!
Tapahtumabussi liikennöi tasatunnein alueella la 15.6. klo 10-18.
Hop in, hop off ja nauti tapahtumaviikonlopun menosta ilman oman auton käyttöä.
Kyyti on ilmainen – kyydin sinulle tarjoaa STP Liikenne ja Syötteen matkailuyhdistys ry.
| Pytkynharju Eteläpuoli th | Tasatunnein alkaen klo 10. |
| Hotelli Iso-Syöte | 10 min yli |
| Eturinne Iso-Syöte, Tunturi Market, KIDE Hotelli | 20 min yli |
| Pärjänkievari/Luontokeskus | 25 min yli |
| Hotelli Pikku-Syöte | 40 min yli |
| Eturinne Iso-Syöte, Tunturi Market, KIDE Hotelli | 50 min yli |
| Pytkynharju Eteläpuoli th | Tasatunnein, päättyy klo 18. |
// Määritä aikavyöhyke, esim. "Europe/Helsinki" tai "America/New_York"
var timeZone = "Europe/Helsinki"; // Vaihda tarvittaessa
// Aseta päättymisaika UTC-aikavyöhykkeellä
var endDateUTC = new Date(Date.UTC(2025, 5, 3, 23, 59, 59)); // Marraskuu = 10 (0-pohjainen indeksi)
// Funktio päivittämään lähtölaskentaa
function updateCountdown() {
// Hae nykyinen aika määritetyssä aikavyöhykkeessä
var now = new Date().toLocaleString("en-US", { timeZone: timeZone });
var nowDate = new Date(now).getTime();
// Laske jäljellä oleva aika
var distance = endDateUTC - nowDate;
// Laske päivät, tunnit, minuutit ja sekunnit
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Näytä tulos
document.getElementById("countdown").innerHTML = days + " päivää " + hours + " h " + minutes + " m " + seconds + " s";
// Jos laskuri on päättynyt
if (distance < 0) {
clearInterval(interval);
document.getElementById("countdown").innerHTML = "EXPIRED";
}
}
// Päivitä lähtölaskenta 1 sekunnin välein
var interval = setInterval(updateCountdown, 1000);
// Käynnistä lähtölaskenta heti
updateCountdown();
.banner {
width: 100%;
height: 100%;
background-color: #2d430d;
color: #ffffff;
padding: 25px;
margin: 0;
}
.banner a {
color: #ffffff;
text-decoration: underline;
}
.banner h2 {
color: #ffffff;
}