Visualizzazione risultati 1 fino 5 di 5

Discussione: orologio analogico in javascript

  1. #1
    Guest

    Predefinito orologio analogico in javascript

    ciao a tutti,
    ho scaricato uno script di un orologio analogico in javascript,
    Ho sostituito l'immagine di sfondo con un'immagine + grande però ovviamnte ora le lacencette non sono centrate.
    L'immaggine precedente era di dimensioni 93x93 pixel quelloa che ho inserito io è di 160x160.
    Quali valori devo cambiare per modificare la centratura delle lacette?
    Grazie mille...a presto.

    Codice:
    var clipTop=0
    var clipBottom=clipTop+90
    var clipLeft
    var clipRight
    var isNS
    
    if (document.layers) { (isNS=true) }
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';
    
    var imgSeconds
    var imgMinutes
    var imgHours
    var imgClock
    
    var clipHours=""
    var clipMinutes=""
    var clipSeconds=""
    
    var startLeft
    var startTop
    
    var tunePosHour=-2
    
    var plusHours=0
    
    var heute= new Date()
    
    function initObjects() {
    	if (document.all) {
    		imgSeconds = document.all.imgSeconds.style
    		imgMinutes = document.all.imgMinutes.style
    		imgHours = document.all.imgHours.style
    		imgClock = document.all.imgClock.style
    		
    		imgClock.posLeft=clockposLeft
    		imgClock.posTop=clockposTop
    		
    		startLeft=clockposLeft+2
    		startTop=clockposTop
    		
    		imgHours.posTop=startTop
    		imgMinutes.posTop=startTop
    		imgSeconds.posTop=startTop
    	
    		imgSeconds.visibility=VISIBLE
    		imgMinutes.visibility=VISIBLE
    		imgHours.visibility=VISIBLE
    		imgClock.visibility=VISIBLE
    	
    		tickIE()
    	}
    	
    	if (document.layers) {
    		imgSeconds = document.imgSeconds
    		imgMinutes = document.imgMinutes
    		imgHours = document.imgHours
    		imgClock = document.imgClock
    		document.textDate.document.write(datumzahl)
    		document.textDate.document.close()
    		
    		imgClock.left=clockposLeft
    		imgClock.top=clockposTop
    		
    		startLeft=clockposLeft+2
    		startTop=clockposTop
    		
    		imgHours.top=startTop
    		imgMinutes.top=startTop
    		imgSeconds.top=startTop
    	
    		document.textDate.top=clockposTop+40
    		document.textDate.left=clockposLeft+61
    		
    		imgSeconds.visibility=VISIBLE
    		imgMinutes.visibility=VISIBLE
    		imgHours.visibility=VISIBLE
    		imgClock.visibility=VISIBLE
    	
    		tickNS()
    	}
    }
    
    function tickIE() {
    	var now=new Date()
    	var nowHours=now.getHours()
    	var nowMinutes=now.getMinutes()
    	var nowSeconds=now.getSeconds()
    	if (nowHours>=12) {nowHours=nowHours-12}
    	if (nowMinutes<12) {plusHours=0}
    	if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
    	if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
    	if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
    	if (nowMinutes>=48) {var plusHours=360}
    	imgHours.posLeft=startLeft-(nowHours*90*5+plusHours)
    	clipLeft=nowHours*90*5+plusHours
    	clipRight=clipLeft+90
    	clipHours="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
    	imgHours.clip=clipHours	
    	if (nowSeconds!=0) {
    		imgMinutes.posLeft=startLeft-(nowMinutes*90)
    		clipLeft=nowMinutes*90
    		clipRight=clipLeft+90
    		clipMinutes="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
    		imgMinutes.clip=clipMinutes
    	}
    	imgSeconds.posLeft=startLeft-(nowSeconds*90)
    	clipLeft=nowSeconds*90
    	clipRight=clipLeft+90
    	clipSeconds="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
    	imgSeconds.clip=clipSeconds
    	var runClock=setTimeout("tickIE()", 100);
    }
    
    function tickNS() {
    	var now=new Date()
    	var nowHours=now.getHours()
    	var nowMinutes=now.getMinutes()
    	var nowSeconds=now.getSeconds()
    	if (nowHours >= 12) {nowHours=nowHours-12}
    	if (nowMinutes<12) {plusHours=0}
    	if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
    	if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
    	if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
    	if (nowMinutes>=48) {var plusHours=360}
    	imgHours.left=startLeft-(nowHours*90*5+plusHours)
    	clipLeft=nowHours*90*5+plusHours
    	clipRight=clipLeft+90
    	imgHours.clip.left=clipLeft
    	imgHours.clip.right=clipRight
    	imgHours.clip.top=clipTop
    	imgHours.clip.bottom=clipBottom
    	if (nowSeconds!=0) {
    		imgMinutes.left=startLeft-(nowMinutes*90)
    		clipLeft=nowMinutes*90
    		clipRight=clipLeft+90
    		imgMinutes.clip.left=clipLeft
    		imgMinutes.clip.right=clipRight
    		imgMinutes.clip.top=clipTop
    		imgMinutes.clip.bottom=clipBottom
    	}
    	imgSeconds.left=startLeft-(nowSeconds*90)
    	clipLeft=nowSeconds*90
    	clipRight=clipLeft+90
    	imgSeconds.clip.left=clipLeft
    	imgSeconds.clip.right=clipRight
    	imgSeconds.clip.top=clipTop
    	imgSeconds.clip.bottom=clipBottom
    
    	var runClock = setTimeout("tickNS()", 100);
    }
    
    if (document.all) {
    	document.write("<DIV ID='imgClock' STYLE='position:absolute;visibility:hidden'><img src='"+whichwatch+".bmp'></DIV>")
    	document.write("<DIV ID='imgSeconds' STYLE='position:absolute;visibility:hidden'><img src='secondi.gif'></DIV>")
    	document.write("<DIV ID='imgHours' STYLE='position:absolute;visibility:hidden'><img src='ore.gif'></DIV>")
    	document.write("<DIV ID='imgMinutes' STYLE='position:absolute;visibility:hidden'><img src='minuti.gif'></DIV>")
    	document.write("<DIV>&nbsp;</DIV>")
    	document.close()
    }
    
    if (document.all) {
    	window.onload=initObjects
    }

  2. #2
    Guest

    Predefinito

    Analizzando il codice le variabili che iniziano per clip regolano posizione e grandezza dell'orologio se non sbaglio, prova a smanettarle un po'.

    Ciauuu

  3. #3
    Guest

    Predefinito

    ci sto smanettando da due ore...ecco xkè ho kiesto aiuto...x disperazione...ahahahahah!!!
    Continuo a smanettare!!!
    ...
    Il mio problema più che altro e che non sono variabili semplici sono un pò complesse e non riesco a settarle x bene!!!
    :-(
    Ultima modifica di Acciarello : 29-01-2008 alle ore 18.08.40

  4. #4
    Guest

    Predefinito

    se vuoi fai la ricerca su google sugli orologi cosi almeno anche se non è uguale al tuo potrebbe piacerti

  5. #5
    Guest

    Predefinito

    ho già cercato...questo era il miglore perchè mi permette di sostituire lo sfondo!!!
    Uff!!!
    ...
    ...
    Non c'è nessuno che può solo indicarmi i parametri da modificare per spostare le lancette?
    Ho provato a smanettare con le variabili clip ma quando le tocco mi sdoppia le lancette!!!
    Vi prego...una maninaaaaaa!!!
    Ultima modifica di Acciarello : 31-01-2008 alle ore 11.30.39

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •