Visszaszámláló megadott órara pontosan
Érdekessége ennek a visszaszámlálónak az,
hogy egy általad megadott Év.Hónap.Nap és órához igazodva számol vissza.
(tehát nem éjfélig)
Demo jelenleg látható:
HTML Kód:
A Script a Greenwichi Középidőhöz igazodik. (Greenwich Mean Time - GMT)
Magyarország +1 időzónához van sorolva.
Mivel nyári időszámítás szerint, még +1 órát kell hozzáadni az aktuális időhöz, ezért a kódban télen nyáron állítanod kell az időpontot. (télen GMT+1)
Erről a sorról van szó:
var strEventDate = new Date("August 06, 2006 14:00:00 GMT+2");
Két ilyen Script egy oldalon "összekad" és tehát nem működik,
ezért a függvények nevét át kell írnod pl. a második Scriptben.
Pl. a második Script így nézzen ki.
(a függvények más nevet adtam, hozzáírtam egy kettest.)
<script language="JavaScript" type="text/javascript">
document.write(' Futball Világbajnokság<br> Nyitómérkőzésig hátralévő idő:<br><b><div id="winerCountdown2"></div></b>');
winerClockCountdown2();
function toDateString(strTempString) {
strReturnString = "";
if (strTempString < 10) {
strReturnString += "0";
}
return strReturnString + strTempString.toString();
}
function winerClockCountdown2() {
var strEventDate = new Date("June 09, 2006 18:00:00 GMT+2");
// cl = document.clock;
newDate = new Date();
intCount = Math.floor((strEventDate.getTime() - newDate.getTime())/1000);
if(intCount <= 0) {
return;
}
intSeconds = toDateString(intCount % 60);
intCount = Math.floor(intCount / 60);
intMinutes = toDateString(intCount % 60);
intCount = Math.floor(intCount / 60);
intHours = toDateString(intCount % 24);
intCount = Math.floor(intCount / 24);
intDays = intCount;
document.getElementById("winerCountdown2").innerHTML =
intDays + " Nap, " +
intHours + " Óra, " +
intMinutes + " Perc, " +
intSeconds + " Másodperc";
setTimeout("winerClockCountdown2();", 500);
}
</script>
nagyon klassz
Egyetértek az elöttem szolóval, ez télleg tök jó! :)
Köszi!!!
A legjobb! Kutakodtam sokat a neten, de ennél tisztábbat és egyszerűbbet, és használhatóbbat nem találtam!! ezer köszi! Bohóc :)
sziasztok nekem nem tudom be tenni a g-portálomba a kódot ezért segitsetek ha tudtok akkor irjatok nekem attila881017@freemail.hu cimemre. előre is kösszy
Nem azér mondom, de nekem a demóban egy nagy bÜdös semmi sem jelenik meg (Apple Safarival böngészek) Miért?
nagyon örÜlÜk, hogy megvan ez a szkript mert sok helyen kerestem, de még sehol sem leltem meg így. am az oldal nagyon tuti :D gratula hozzá.
pont ilyen kellet, ki is tettem a készÜlő játékomhoz és műxik ahogy kell :D
Az e107 CMS-ben hogy tudom működtetni a kódot?
Használhatsz az ilyen célra kialakított e107 pluginokat http://source.e107hungary.org/download.php?view.71 http://source.e107hungary.org/download.php?view.274
az első link újra http://source.e107hungary.org/download.php?view.71
De miér tnem lehet megválasztani a színt? :WWWWWWWWWWWWWWWWWwww
én is ezt a kódot használom,igaz kicsi “plusszal” mert nekem szükségem volt eseményre is az időzítés leteltével.
két rövid válasz az előttem levő kérdésekhez:
-aki csak ctrl+c majd ctrl+v módszerrel ki akarja próbálni annak azért nem jelenik meg semmi mert egy olyan időt kell beállítani neki ami még NEM múlt el,különben nincs számlálás.
ez a sor az: var strEventDate = new Date(“August 06, 2006 14:00:00 GMT+2″);
-ha szeretnéd színezni ezt könnyen megteheted css segítségével.
végül egy színezett kis kódocska ajándékba (ez fog még jó pár évig működni is mert hosszú időt adtam neki :D )
**************kód eleje*********
.visszaszamlalo {
color: darkgreen;
font-Weight: bolder;
text-decoration: none;
}
#winerCountdown {
color: crimson;
font-Weight: bolder;
text-decoration: none;
text-shadow: black 0px 0px 15px,red 0px 0px 3px;
text-align: center;
max-width: 300px;
box-shadow: green 0px 0px 10px;
}
#mind {
max-width: 320px;
height: 135px;
box-shadow: green 0px 0px 30px;
{
document.write(‘ A következő teljes napfogyatkozás napjáig hazánkban </pvan hátra ‘);
winerClockCountdown();
function toDateString(strTempString) {
strReturnString = “”;
if (strTempString < 10) {
strReturnString += "0";
}
return strReturnString + strTempString.toString();
}
function winerClockCountdown() {
var strEventDate = new Date("September 03, 2075 00:00:00 GMT+2");
// cl = document.clock;
newDate = new Date();
intCount = Math.floor((strEventDate.getTime() – newDate.getTime())/1000);
if(intCount <= 0) {
return;
}
intSeconds = toDateString(intCount % 60);
intCount = Math.floor(intCount / 60);
intMinutes = toDateString(intCount % 60);
intCount = Math.floor(intCount / 60);
intHours = toDateString(intCount % 24);
intCount = Math.floor(intCount / 24);
intDays = intCount;
document.getElementById("winerCountdown").innerHTML =
intDays + " Nap, " +
intHours + " Óra, " +
intMinutes + " Perc, " +
intSeconds + " Másodperc";
setTimeout("winerClockCountdown();", 500);
}
***********************kód vége********************