¿Cómo utilizar ASP para que cada minuto corra como un reloj?
1
lt;htmlgt;
lt;headgt;
lt;meta http-equiv="Contenido-Tipo" ="text/html; charset=gb2312"gt;
lt; titlegt; Visualización en tiempo real del año, mes, día, hora, minuto y segundolt;/titlegt;
lt;/headgt;
p>lt; cuerpo onload=startclock()gt;
lt; formulario nombre="reloj"gt; script language="JavaScript"gt;
var timerID = null;
var timerRunning = false;
función stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
función startclock () {
stopclock( );
showtime();}
función showtime () {
var ahora = nueva fecha();
var horas = now.getHours();
p>
var minutos = now.getMinutes();
var segundos = now.getSeconds()
var timeValue = now.getYear() "Año" (now. getMonth() 1) "mes" now.getDate() "día" ((horas gt; = 12) ? "tarde" : "mañana")
timeValue = ((horas gt; 12) ? horas -12 : horas)
timeValue = ((minutos lt; 10) ? ":0" : ":") minutos
timeValue = ((segundos lt; 10) ? ":0" : ":") segundos
document.clock.thetime.value = timeValue;
timerID = setTimeout("showtime()", 1000);
timerRunning = true;}
lt;/scriptgt;
lt; input name="thetime" style="font-size: 9pt; color: #000000; borde: 1px sólido #FFFFFF; ; " size="28"gt;lt;/formgt;
lt;/bodygt;
lt;/htmlgt;
2
lt;htmlgt;
lt;headgt;
lt;meta http -equiv="Tipo de contenido" contenido="
text/html; charset=gb2312"gt;
lt; titlegt; reloj electrónico LCDlt;/titlegt;
lt; script language="javascript1.1"gt;
lt; p>
lt;!--
var dn
c1=nueva imagen();
c2=nueva Imagen(); c2.src="imagenes/c2.gif"
c3=nueva Imagen();
c4=nueva Imagen(); c4.src="imagenes/c4.gif"
c5=nueva Imagen(); c5.src="imagenes/c5.gif"
c6=nueva Imagen(); c6.src="imagenes/c6.gif"
c7=nueva Imagen(); c7.src="imagenes/c7.gif"
c8=nueva Imagen(); c8.src="imagenes/c8.gif"
c9=nueva Imagen(); c9.src="imagenes/c9.gif"
c0=nueva Imagen(); c0.src="imagenes/c0.gif"
cb=nueva Imagen();
cam=nueva Imagen(); cam.src="imagenes/cam.gif"
cpm=nueva Imagen(); cpm.src="imagenes/cpm.gif"
función extraer(h, m, s, tipo){
if (!document.images)
retorno
if ( hlt;=9){
document.images.a.src=cb.src
document.images.b.src=eval("c" h ".src")
}
else {
document.images.a.src=eval("c" Math.floor(h/10) ".src")
document.images.b.src=eval("c" (h10) ".src")
}
if (mlt;=9) {
document.images.d.src=c0.src
document.images.e.src=eval("c" m ".src")
}
else {
document.images.d.src=eval("c" Math.floor(m/10) ".src")
document.images.e.src=eval("c" (m10) ".src")
}
if (slt;=9){
document.g .src=c0.src
document.images.h.src=eval("c" s ".src")
}
elementos
e {
document.images.g.src=eval("c" Math.floor(s/10) ".src")
document.images.h.src= eval("c" (s10) ".src")
}
if (dn=="AM") document.j.src=cam.src
else document.images.j.src=cpm.src
}
función show3(){
if (!document.images)
retorno
var Digital=nueva fecha()
var horas=Digital.getHours()
var minutos=Digital.getMinutes( )
var segundos=Digital.getSeconds()
dn="AM"
if ((horasgt;=12)amp;amp;(minutosgt; =1)||(horasgt;=13)){
dn="PM"
horas=horas-12
}
if (horas==0)
horas=12
extract(horas, minutos, segundos, dn)
setTimeout("show3()" , 1000)
}
//--gt;
lt;/scriptgt;
lt;meta name="GENERADOR " content="Microsoft FrontPage 6.0"gt;
lt;/headgt;
lt;body onload="show3()" bgcolor="#FFFFFF"gt;
lt;pgt;lt;img src="images/cb.gif" name="a"gt;
lt;img src="images/cb.gif" name="b; "gt;
lt; img src="images/colon.gif" name="c"
ancho="9" height="21"gt; lt;img src ="images/cb.gif" nombre="d"gt;
lt; img src="images/cb.gif" nombre="e"gt; img
src="images/colon.gif" name="f" width="9" height="21"gt
lt; .gif" nombre="g"gt;
lt; img
src="images/cb.gif" nombre="h"gt;
lt; img src="images/cam.gif" name="j" width="16" height="21"gt; lt;/pgt;
lt; ="100"gt;
lt;t
rgt;
lt;/trgt;
lt;/tablegt;
lt;table border="0" width="95" height="150 "gt;
lt; trgt;
lt;/trgt;
lt;/tablegt;
lt; borde de la tabla= "0" ancho="80"gt;
lt;trgt;
lt;/trgt;
lt;/tablegt;
lt;/bodygt;
lt;/htmlgt;
3
lt;HTMLgt;lt;HEADgt;lt;TITLEgt;Gráficos geniales lt; /TITLEgt;
lt;META content="text/html; charset=gb2312" http-equiv=Content-Typegt;
lt;SCRIPT language=JavaScriptgt;
var clipTop=0
var clipBottom=clipTop 60
var clipLeft
var clipRight
var isNS
if (document.layers) { (isNS=true) }
var HIDDEN = (isNS)? 'ocultar': 'oculto';
var VISIBLE = (isNS) ) ? 'mostrar' : 'visible';
var imgSeconds
var imgMinutes
var imgHours
var imgClock
var textDate
var textDay
var textLink
var clipHours=""
var clipMinutes=""
var clipSeconds=""
var startLeft=-5
var startTop=85
var tunePosHour =-2
función initObjects() {
if (document.all) {
imgSeconds = document.all.imgSeconds.style
imgMinutes = documento all.imgMinutes. .style
imgHours = document.all.imgHours.style
imgClock = document.all.imgClock.style
textDate = document.all.style.
textDay = document.all.textDay.style
textLink = document.all.textLink.style
startLeft=-5
p>
startTop=85
imgHours.posTop=startTop
imgMinutes.posTop=startTop
imgSeconds.posTop=startTop
textDate.posTop = 109
textDate.posLeft = 82
textDay.posTop = 109
textDay.posLeft = 41
textLink .posTop = 190
textLink.posLeft = -9
imgSeconds.visibility=VISIBLE
imgMinutes.visibility=VISIBLE
imgHours. visibilidad=VISIBLE
imgClock.visibility=VISIBLE
textDate.visibility=VISIBLE
textDay.visibility=VISIBLE
textLink.visibility= VISIBLE
tickIE()
}
if (document.layers) {
imgSeconds = document.imgSeconds
imgMinutes = document.imgMinutes
imgHours = document.imgHours
imgClock = document.imgClock
textDate = document.textDate
textDay = document.textDay
textLink = document.textLink
startLeft=-3
startTop=78
imgHours.top=startTop
imgMinutes.top=startTop
imgSeconds.top=startTop
textDate.top = 102
textDate.left = 85 p> p>
textDay.top = 102
textDay.left = 40
textLink.top = 190
textLink.left = -10
imgSeconds.visibility=VISIBLE
imgMinutes.visibility=VISIBLE
imgHours.visibility=VISIBLE
imgClock.visibility=VISIBLE
textDate.visibility=VISIBLE
textDay.visibility=VISIBLE
tex
tLink.visibility=VISIBLE
tickNS()
}
}
función tickIE() {
var ahora = nueva Fecha()
var ahoraHoras = ahora.getHours()
var ahoraMinutes = ahora.getMinutes()
var ahoraSeconds = ahora.getSeconds ()
if (nowHours gt;= 12) {nowHours=nowHours-12}
imgHours.posLeft=-(nowHours*60*5 ((Math.round(nowMinutes/ 12))*60) startLeft tunePosHour)
clipLeft = -(imgHours.posLeft) 30
clipRight= clipLeft 60
clipHours ="rect(" clipTop " " clipRight " " clipBottom " " clipLeft ")"
imgHours.clip=clipHours
imgMinutes.posLeft=-((nowMinutes)*60 startLeft)
clipLeft = -(imgMinutes.posLeft) 30
clipRight= clipLeft 60
clipMinutes ="rect(" clipTop " " clipRight " " clipBottom " " clipLeft ")"
imgMinutes.clip=clipMinutes
imgSeconds.posLeft=-((nowSeconds)*60 startLeft)
clipLeft = -(imgSeconds.posLeft) 35
clipRight= clipLeft 60
clipSeconds ="rect(" clipTop " " clipRight " " clipBottom " " clipLeft ")"
imgSeconds.clip=clipSeconds
var runClock = setTimeout("tickIE()", 100);
}
función tickNS() {
var ahora = nueva fecha()
var ahoraHoras = ahora.getHours()
var ahoraMinutes = ahora.getMinutes()
var ahoraSeconds = ahora.getSeconds()
if (nowHours gt;= 12) {nowHours=nowHours-12}
imgHours.left=-(nowHours*60*5 ((Math.round(nowMinutes/12))
*60) startLeft tunePosHour 2)
clipLeft = -(imgHours.left) 30
clipRight= clipLeft 60
imgHours.clip.left = clipLeft p>
imgHours.clip.right = clipRight
imgHours.clip.top = clipTop
imgHours.clip.bottom = clipBottom
imgMinutes.left =-((nowMinutes)*60 startLeft)
clipLeft = -(imgMinutes.left) 30
clipRight= clipLeft 60
imgMinutes.clip.left = clipLeft
imgMinutes.clip.right = clipRight
imgMinutes.clip.top = clipTop
imgMinutes.clip.bottom = clipBottom
imgSeconds.left=-((nowSeconds)*60 startLeft)
clipLeft = -(imgSeconds.left) 35
clipRight= clipLeft 60
imgSeconds.clip .left = clipLeft
imgSeconds.clip.right = clipRight
imgSeconds.clip.top = clipTop
imgSeconds.clip.bottom = clipBottom
var runClock = setTimeout("tickNS()", 100
}
lt;/SCRIPTgt;
lt;STYLEgt;.imgall); {
POSICIÓN: absoluta; VISIBILIDAD: oculta
}
lt;/STYLEgt;
lt;META content="Microsoft FrontPage 6.0" name=GENERATORgt;lt;/HEADgt;
lt;BODY bgColor=#ffffff onload=initObjects()gt;
lt;DIV class=imgall id=imgClockgt;
lt;img border="0" src="images/clock1.jpeg" width="110" height="200"gt;lt;/DIVgt;
lt;SCRIPT language=JavaScriptgt;
var heute = new Date()
var wochentag = heute.getDay()
var heuteDatum = heute.getDate()
if (wochentag==0) { wochentag = "SAM" }
else if (wochentag==1) { wochentag = "MON" }
else if (wochentag==2) { wochentag = "MAR" }
else if (wochentag==3) { wochentag = "MIÉ" }
else if (wochentag== 4) { wochentag = "JUE" }
else if (wochentag==5) { wochentag = "VIE" }
else if (wochentag==6) { wochentag = " SUN" }
document.write('lt;DIV ID = "textDate" CLASS = "imgall"gt;lt;font size=1gt;' heuteDatum 'lt;/fontgt;lt;/DIVgt; ')
document.write('lt;DIV ID = "textDay" CLASS = "imgall"gt;lt;font size=1gt;' wochentag 'lt;/fontgt;lt;/DIVgt;' )
lt;/SCRIPTgt;
lt;DIV class=imgall id=imgHoursgt;
lt;IMG src="images/horas1.gif" ancho ="3620" height="60"gt;lt;/DIVgt;
lt;DIV class=imgall id=imgMinutesgt;
lt;IMG src="images/minutos1. gif" width="3620" height="60"gt; lt; /DIVgt;
lt; DIV class=imgall id=imgSecondsgt;
lt; IMG src="images /segundos2.gif" width="3620" height="60"gt;lt;/DIVgt;
lt;DIV class=imgall id=textLinkgt;lt;/DIVgt;lt;table width=" 100"gt;
lt;/tablegt;
lt;/BODYgt;lt;/HTMLgt;
4
lt; htmlgt;
lt;headgt;
lt;titlegt;reloj analógicolt;/titlegt;
lt;/headgt;lt;BODYgt;
lt;!--Agregue el siguiente código al archivo HTML lt;Bodygt;lt;/Bodygt;--gt;
lt;SCRIPT language=JavaScriptgt;
lt; !-- Begin
fCol = '000000'
hCol = '000000'
mCol = '000000'
sCol = ' FF0
000'
H = '....';
H = H.split('');
M = '....' ';
M = M.split('');
S = '...';
S = S.split( '') ;
Ypos = 0;
Xpos = 0;
Ybase = 8;
Xbase = 8;
p>
puntos = 12;
ns = (document.layers)?1:0;
if (ns) {
dgts = ' 1 2 3 4 5 6 7 8 9 10 11 12';
dgts = dgts.split('');
for (i = 0; i lt; puntos ; i ) {
document.write('lt;nombre de capa=nsDigits' i ' top=0 izquierda=0 altura=30 ancho=30gt;lt;centergt;lt;font face=Arial,Verdana tamaño= 1 color=' fCol 'gt;' dgts[i] 'lt;/fontgt;lt;/centergt;lt;/layergt;');
}
para (i = 0; i lt; M.length; i ) {
document.write('lt; nombre de capa=ny' i ' top=0 left=0 bgcolor=' mCol ' clip=" 0, 0, 2, 2"gt;lt;/layergt;');
}
for (i = 0; i lt; H.length; i) {
document.write('lt; nombre de capa=nz' i ' top=0 left=0 bgcolor=' hCol ' clip="0, 0, 2, 2"gt; lt; /layergt; '
}
for (i = 0; i lt; S.length; i) {
document.write('lt; nombre de capa=); nx' i ' top=0 left=0 bgcolor=' sCol ' clip="0, 0, 2, 2"gt;lt;/layergt;');
}
}
else {
document.write('lt; div style="posición: absoluta; arriba: 0px; izquierda: 0px"gt; lt; div style="posición : relativo "gt;');
for (i = 1; i lt; puntos 1; i) {
document.write('lt; div id="ieDigits" estilo = "posición: absoluta; arriba: 0px; izquierda: 0px; ancho: 30px; alto: 30px; familia de fuentes: Arial, Verdana; tamaño de fuente: 10px; color: 'fCol'; alineación de texto: c
enter; padding-top: 10px "gt; ' i 'lt; /divgt; ');
}
document.write('lt; /divgt; lt; /divgt ;')
document.write('lt; div style="posición: absoluta; arriba: 0px; izquierda: 0px"gt; lt; div style="posición: relativa"gt;');
for (i = 0; i lt; M.length; i) {
document.write('lt; div id=y style="posición: absoluta; ancho: 2px; altura: 2px; tamaño de fuente: 2px; fondo: 'mCol '"gt;lt;/divgt;');
}
document.write('lt; /divgt;lt;/divgt;')
document.write('lt;/divgt;lt;/divgt;')
document.write('lt;estilo div ="posición: absoluta; arriba: 0px; izquierda: 0px"gt; div style="posición: relativa"gt '); ; i) {
document.write('lt; div id=z style="posición: absoluta; ancho: 2px; alto: 2px; tamaño de fuente: 2px; fondo: ' hCol '"gt ;lt;/divgt;');
}
document.write('lt;/divgt;lt;/divgt;')
documento. write('lt; div style="posición: absoluta; arriba: 0px; izquierda: 0px"gt; lt; div style="posición: relativa"gt;
for (i = 0); ; i lt; S.length; i ) {
document.write('lt; div id=x estilo="posición: absoluta; ancho: 2px; alto: 2px; tamaño de fuente: 2px; fondo:' sCol '"gt;lt;/divgt;');
}
document.write('lt;/divgt;lt;/divgt;') p> p>
}
función reloj() {
hora = nueva Fecha ();
segundos = hora.getSeconds();
segundos = -1,57 Math.PI * segundos/30;
minutos = time.getMinutes();
min = -1,57 Math.PI * minutos/ 30;
hora = tiempo.getHours();
hora = -1
.57 Math.PI * hr/6 Math.PI*parseInt(time.getMinutes())/360;
if (ns) {
Ypos = ventana.pageYOffset ventana. InnerHeight-60;
Xpos = window.pageXOffset window.innerWidth-80;
}
else {
Ypos = documento. body.scrollTop window.document.body.clientHeight - 60;
Xpos = document.body.scrollLeft window.document.body.clientWidth - 60; p>if (ns) {
for (i = 0; i lt; puntos; i){
document.layers["nsDigits" i].top = Ypos - 5 40 * Math.sin(-0.49 puntos i/1.9);
document.layers["nsDigits" i].left = Xpos - 15 40 * Math.cos(-0.49 puntos i/1.9);
}
for (i = 0; i lt; S.length; i){
document.layers["nx" i].top = Ypos i * Ybase * Math.sin(seg);
document.layers["nx" i].left = Xpos i * Xbase * Math.cos(sec);
}
for (i = 0; i lt; M.length; i){
document.layers["ny" i].top = Ypos i * Ybase * Math. sin(min);
document.layers["ny" i].left = Xpos i * Xbase * Math.cos(min);
}
for (i = 0; i lt; H.length; i){
document.layers["nz" i].top = Ypos i * Ybase * Math.sin(hrs); p> p>
document.layers["nz" i].left = Xpos i * Xbase * Math.cos(hrs);
}
}
else{
for (i=0; i lt; dots; i){
ieDigits[i].style.pixelTop = Ypos - 15 40 * Math. sin( -0,49 puntos i/1,9);
ieDigits[i].style.pixelLeft = Xpos - 14 40 * Math.cos(-0,49 puntos i/1,9);
>}
for (i=0; i lt; S.length; i){
x[i].style.pixelTop = Ypos i * Ybase * Math.sin( seg);
x[i].style.pixelLeft = Xpos i * Xbase * Math.cos(sec);
}
for (i= 0; i lt; M.length; i ){
y[i].style.pixelTop = Ypos i * Ybase * Math.sin(min);
y[i ].style.pixelLeft = Xpos i * Xbase * Math.cos(min);
}
for (i=0; i lt; H.length; i ){
z[i].style.pixelTop = Ypos i * Ybase*Math.sin(hrs);
z[i].style.pixelLeft = Xpos i * Xbase*Math. cos(horas);
}
}
setTimeout('reloj()', 50);
}
if (document.layers || document.all) window.onload = reloj;
// End --gt;
lt;/SCRIPTgt;
lt;/bodygt;lt;/htmlgt;