Digital Clock PHP GD

Door Wouter DS, 12 jaar geleden, 5.528x bekeken

Zeer gemakkelijk en basic php script dat gebruik maakt van de php gd library.
Er zit een duidelijke & gemakkelijke config in en er is een optie tot random tekst kleur. (zie config)

Downloads
Full package
http://downloads.paradox-productions.net/files/Digital%20Clock.zip
MIRROR: http://rapidshare.com/files/256598241/Digital_Clock.zip

Font
http://downloads.paradox-productions.net/files/clockfont.ttf
MIRROR: http://rapidshare.com/files/256596649/clockfont.ttf

Source: http://paradox-productions.net/scripts/6/12/

Voorbeeld: http://paradox-productions.net/projects/Digital%20Clock/clock.html

Gesponsorde koppelingen

PHP script bestanden

  1. digital-clock-php-gd

 

Er zijn 12 reacties op 'Digital clock php gd'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Roel -
Roel -
12 jaar geleden
 
0 +1 -0 -1
Ik zou denk ik eerder gewoon 1x de tijd ophalen met PHP en dan verder tellen met JavaScript, dan heb je geen server meer nodig nadat de pagina geladen is.

Zet heel de code even tussen en , dan pakt ie ook HTML gedeeltes.

Edit:
Oeps :p
Afra ca
Afra ca
12 jaar geleden
 
0 +1 -0 -1
En roel, gebruik [ignore][/ignore] tags
Wouter DS
Wouter DS
12 jaar geleden
 
0 +1 -0 -1
@ Roel, het is een afbeelding!? Dat gaat dan niet met* javascript, je kan niet even met javascript een afbeelding gaan editen en zo voort tellen..
In pure html gaat dit wel..
En de code staat (en stond) al tussen code tags..
Toby hinloopen
toby hinloopen
12 jaar geleden
 
0 +1 -0 -1
http://paradox-productions.net/projects/Digital%20Clock/clock.php?1247779431407?1247779432407?1247779433414?1247779434408?1247779435409?1247779436407?1247779437408?1247779438408?1247779439408?1247779440433?1247779441408?1247779442408?1247779443408?1247779444408?1247779445408?1247779446407?1247779447409?1247779448408?1247779449408?1247779450409?1247779451408?1247779452408?1247779453407?1247779454408?1247779455408?1247779456408?1247779457408?1247779458642?1247779459410?1247779460406?1247779461407?1247779462406?1247779463407?1247779464407?1247779465407?1247779466407?1247779467407?1247779468407?1247779469407?1247779470407?1247779471407?1247779472410?1247779473407

Dit lijkt me niet helemaal de bedoeling.
Je javascript-systeem klopt niet.

(dit is de link naar de img die via jouw javascript werd gemaakt na enkele seconden. Zag dit via firefox's firebug.)

De code moet zijn:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
    setInterval("document.getElementById('clock').src = 'clock.php?' + (new Date()).getTime();", 1000);


Je kan in het begin van het script de source van de afbeelding bepalen en in een variable opslaan. In deze variable heb je dan de link naar de afbeelding en dan hoef je via die interval alleen maar ?12345678 achter te zetten.
Wouter DS
Wouter DS
12 jaar geleden
 
0 +1 -0 -1
@Toby, dat is maar het stukje in de html om de afbeelding te vernieuwen, maakt niet echt deel uit van het script maar was om het script te demonstreren.. En dan nog, zo erg is dat toch niet? 'normale' mensen zien dit niet.. Alleen met firebug zie je dat.
Edit, het is maar 19kb per seconde en normaal gezien kijk je toch geen uur naar dezelfde pagina (zonder een pageload)..?
Toby hinloopen
toby hinloopen
12 jaar geleden
 
0 +1 -0 -1
@Paradox:
Stel dat ik dit een uur laat lopen?
En er zit een limiet aan het aantal tekens dat je in een GET-request kan sturen.
Op ten duur kapt die klok er dan gewoon mee.

En hoeveel moeite kost het om dat netjes te doen?

Misschien laten onthouden wat de laatste random kleur was zodat je niet iedere keer dezelfde kleur achter elkaar krijgt.
Richard van Velzen
Richard van Velzen
12 jaar geleden
 
0 +1 -0 -1
Die interval moet je op window.onunload eigenlijk weggooien, anders heb je in verscheidene browsers last van memory leaks...

Daarnaast krijg je bij om de seconde showen last van net-niet-kloppende tijden die niet helemaal om de seconde verspringen, beter is het om het om de 450 ms te doen :-)
M. Verbakel
M. Verbakel
12 jaar geleden
 
0 +1 -0 -1
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
setInterval("document.getElementById('clock').src = document.getElementById('clock').src + '?' + (new Date()).getTime();", 1000);

moet worden:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
setInterval("document.getElementById('clock').src = document.getElementById('clock').src.substr(0, document.getElementById('clock').src.indexOf("?", 0)) + (new Date()).getTime();", 1000);
Robert Deiman
Robert Deiman
12 jaar geleden
 
0 +1 -0 -1
En als je het echt als een digitale klok wil doen, moet je wel de afbeeldingen even aanpassen: De 1 staat aan de rechterkant van het digitale bord. Nu verspringt de hele klok (qua locaties van getallen) als er een 1 voorkomt in de tijd (behalve wanneer het om het laatste getal gaat).
Onbekend Onbekend
Onbekend Onbekend
12 jaar geleden
 
0 +1 -0 -1
Die javascript is zo bagger als het maar zijn kan. En je gebruik een hele omweg om een 'random' color te kiezen. Zou je niet gewoon imagecolorallocate($img, rand(0, 255), rand(0, 255), rand(0, 255)).

En wat je doet om die afbeelding niet te laten cachen is ook dom. Op die manier is het mogelijk dat nou iedere afbeelding die opgehaald wordt in de cache van de browser gaat zitten. Je kunt beter in je PHP aangeven met een header dat de cache helemaal uit gezet moet worden..
Kay Kay
Kay Kay
12 jaar geleden
 
0 +1 -0 -1
Vind ik mijn klokje toch iets leuker. Die van mij loopt op tijd zonder dat je hoeft te refreshen.
http://crap.dragy.nl/gifgen/tijd.php
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Toby hinloopen
toby hinloopen
12 jaar geleden
 
0 +1 -0 -1
@dragy

nou vraag ik me echt af hoe je dát heb gedaan :P
is dat een gif die dynamisch is gemaakt die gewoon X aantal frames heeft meegekregen waarbij iedere minuut de volgende frame wordt weergegeven?

Zo ja: dan werkt ie dus niet eindeloos :P
Of je moet 1440 frames hebben gegeven... 1 voor iedere minuut :P

edit:
aha, dat heeft ie dus gedaan: 1440 frames :P
zo loopt ie eindeloos door :P

wel leuk bedacht... maar 200+ KB voor een klokkie?

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. digital-clock-php-gd

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.