Witam.
Od razu piszę, że jestem początkujący w języku JavaScript, dlatego wyskrobałem skrypt z kilku innych...
Mam problem z podpięciem skryptu z zewnętrznego pliku *.js... Kiedy skrypt jest na nagłówku strony *.php to wszystko jest w porządku, godzina jest generowana i nawet sekundy lecą sprawnie, ale kiedy ten skrypt jest w osobnym pliku, to zaczynają się schody...
A mianowicie:
- dodaję w nagłówku ścieżkę do pliku
- w <body> ją wywołuję, ale zamiast uzyskana poprzedniego rezultatu, wywala mi NaN:NaN:NaN...
Wiecie może w czym jest problem?
Z góry dzięki za odpowiedź
start.php
Kod:
<html xml:lang="upl" lang="pl">
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Start</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<script type="text/javascript" src="zegarek.js"></script>
</head>
<body>
<div id="all">
<div id="center_left_down">
<span style="font-size:26px; color:#AFAFAF;">Godzina:</span>
<br />
<span id="time"></span>
<script type="text/javascript">
new showLocalTime("time", "server-php", 0, "short")
</script>
</div>
</div>
</body>
</html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Start</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<script type="text/javascript" src="zegarek.js"></script>
</head>
<body>
<div id="all">
<div id="center_left_down">
<span style="font-size:26px; color:#AFAFAF;">Godzina:</span>
<br />
<span id="time"></span>
<script type="text/javascript">
new showLocalTime("time", "server-php", 0, "short")
</script>
</div>
</div>
</body>
</html>
zegarek.js
Kod:
function showLocalTime(container, servermode, offsetMinutes, displayversion){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.displayversion=displayversion
var servertimestring=(servermode=="server-php")? '<? print date("F d, Y H:i:s", time())?>' : (servermode=="server-ssi")? '<!--#config timefmt="%B %d, %Y %H:%M:%S"--><!--#echo var="DATE_LOCAL" -->' : '<%= Now() %>'
this.localtime=this.serverdate=new Date(servertimestring)
this.localtime.setTime(this.serverdate.getTime()+offsetMinutes*60*1000) //add user offset to server time
this.updateTime()
this.updateContainer()
}
showLocalTime.prototype.updateTime=function(){
var thisobj=this
this.localtime.setSeconds(this.localtime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}
showLocalTime.prototype.updateContainer=function(){
var thisobj=this
if (this.displayversion=="long")
this.container.innerHTML=this.localtime.toLocaleString()
else{
var hour=this.localtime.getHours()
var minutes=this.localtime.getMinutes()
var seconds=this.localtime.getSeconds()
this.container.innerHTML=formatField(hour, 1)+":"+formatField(minutes)+":"+formatField(seconds)+""
}
setTimeout(function(){thisobj.updateContainer()}, 1000) //update container every second
}
function formatField(num, isHour){
if (typeof isHour!="undefined"){ //if this is the hour field
var hour=(num>24)? num-24 : num
return (hour==0)? 24 : hour
}
return (num<=9)? "0"+num : num//if this is minute or sec field
}
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.displayversion=displayversion
var servertimestring=(servermode=="server-php")? '<? print date("F d, Y H:i:s", time())?>' : (servermode=="server-ssi")? '<!--#config timefmt="%B %d, %Y %H:%M:%S"--><!--#echo var="DATE_LOCAL" -->' : '<%= Now() %>'
this.localtime=this.serverdate=new Date(servertimestring)
this.localtime.setTime(this.serverdate.getTime()+offsetMinutes*60*1000) //add user offset to server time
this.updateTime()
this.updateContainer()
}
showLocalTime.prototype.updateTime=function(){
var thisobj=this
this.localtime.setSeconds(this.localtime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}
showLocalTime.prototype.updateContainer=function(){
var thisobj=this
if (this.displayversion=="long")
this.container.innerHTML=this.localtime.toLocaleString()
else{
var hour=this.localtime.getHours()
var minutes=this.localtime.getMinutes()
var seconds=this.localtime.getSeconds()
this.container.innerHTML=formatField(hour, 1)+":"+formatField(minutes)+":"+formatField(seconds)+""
}
setTimeout(function(){thisobj.updateContainer()}, 1000) //update container every second
}
function formatField(num, isHour){
if (typeof isHour!="undefined"){ //if this is the hour field
var hour=(num>24)? num-24 : num
return (hour==0)? 24 : hour
}
return (num<=9)? "0"+num : num//if this is minute or sec field
}
