Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Zegar javascript - problem
Forum PHP.pl > Forum > Przedszkole
RED_5
Witam wszystkich serdecznie,

Postanowiłem napisać, gdyż nie potrafię poradzić sobie z pewnym problemem. Niestety jeśli chodzi o javascript jestem nowicjuszem.

Chodzi o to, że chciałbym na stronie umieścić zegar, który wskazuje czas z serwera, a nie z komputera użytkownika. I taki skrypt znalazłem na tej stronie

http://coder.org.pl/index.php?p=article&am...ry=17;&id=1

Chciałbym natomiast, aby zegar wyświetlany był jako dowolne grafiki - tak jak w skrypcie z tej strony - pkt 6 - zegarek z grafikami tylko w postaci 24 godzinnej (hh:mm:ss):

http://www.math.uni.wroc.pl/~mpal/Kurs%20H...rypt/skrypt.htm


Problem polega na tym, że chciałbym tak połączyć te skrypty, aby czas pobierany był z serwera i wyświetlany jako grafika.

Czy ktokolwiek mógłby pomóc mi w tej sprawie?
Może ktoś znalazł lub posiada skrypt pozwalający na uzyskanie efektu, o który mi chodzi?

Będę bardzo wdzięczny za pomoc w tej sprawie i góry serdecznie dziękuję
koszelek
W tym drugim skrypcie (pkt 6) masz fragment kodu:

  1. var Digital=new Date()
  2. var hours=Digital.getHours()
  3. var minutes=Digital.getMinutes()
  4. var seconds=Digital.getSeconds()

Można się łatwo domyślić że jest to czas startu zegara.Także wystarczy pod zmienne 'hours', 'minutes', 'seconds' przypisać wartości pochodzące z serwera i gotowe.
RED_5
Próbowałem tak zrobić, ale nie działa. Może coś robię nie tak, ale myślę, że nie jest to takie proste. Dlatego właśnie napisałem na forum, ale niestety nikt jak na razie nie potrafi mi pomóc.

skowron-line
Cytat(RED_5 @ 15.02.2010, 23:19:48 ) *
Próbowałem tak zrobić, ale nie działa. Może coś robię nie tak, ale myślę, że nie jest to takie proste. Dlatego właśnie napisałem na forum, ale niestety nikt jak na razie nie potrafi mi pomóc.


Jako że jesteś tu nowy to złośliwości sobie podaruje ale pamiętaj na przyszłość. Jeżeli z czymś sobie nie radzisz i piszesz że próbowałeś to pokaż kod jaki udało Ci się zrobić, będzie prościej wskazać błąd.
micsu
Skrypt pobierający datę z serwera

dokładny opis na: http://www.dynamicdrive.com/dynamicindex6/localtime.htm

<script>
/***********************************************
* Local Time script- ? Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var weekdaystxt=["Sun", "Mon", "Tues", "Wed", "Thurs", "Fri", "Sat"]

function showLocalTime(container, servermode, offsetMinutes, displayversion){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.displayversiisplayversion
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()
var dayofweek=weekdaystxt[this.localtime.getDay()]
this.container.innerHTML=formatField(hour, 1)+":"+formatField(minutes)+":"+formatField(seconds) + "("+dayofweek+")"
}
setTimeout(function(){thisobj.updateContainer()}, 1000) //update container every second
}

function formatFiled (num){
return (num<=9)? "0"+num : num//if this is minute or sec field
}

</script>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.