Cuenta progresiva: <script> var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countup(yr,m,d){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todaystring=montharray[todaym]+" "+todayd+", "+todayy var paststring=montharray[m-1]+" "+d+", "+yr var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1) difference+=" dias" document.write("Este Sitio lleva "+difference+" en Internet desde su creación!") } //cambiar la fecha countup(2001,01,03) </script>
Fecha en el ordenador: <script language="JavaScript"><!-- var hoy = new Date(); dia = hoy.getDate(); mes = hoy.getMonth(); ano = hoy.getYear() + 0000; if (mes == "0") nombremes = "<font color=#00FF00 size=2>Enero</font>"; else if (mes == "1") nombremes = "<font color=#00FF00 size=2>Febrero</font>"; else if (mes == "2") nombremes = "<font color=#00FF00 SIZE=2>Marzo</font>"; else if (mes == "3") nombremes = "<font color=#00FF00 SIZE=2>Abril</font>"; else if (mes == "4") nombremes = "<font color=#00FF00 SIZE=2>Mayo</font>"; else if (mes == "5") nombremes = "<font color=#00FF00 SIZE=2>Junio</font>"; else if (mes == "6") nombremes = "<font color=#00FF00 SIZE=2>Julio</font>"; else if (mes == "7") nombremes = "<font color=#00FF00 SIZE=2>Agosto</font>"; else if (mes == "8") nombremes = "<font color=#00FF00 SIZE=2>Septiembre</font>"; else if (mes == "9") nombremes = "<font color=#00FF00 SIZE=2>Octubre</font>"; else if (mes == "10") nombremes = "<font color=#00FF00 SIZE=2>Noviembre</font>"; else nombremes = "<font color=#00FF00 SIZE=2>Diciembre</font>"; document.write (dia); document.write (" de "); document.write (nombremes); document.write (" del "); document.write (ano); // --></script>
Poner un calendario: <html> <head> <title>JavaFILE</title> <base target="leftframe"></base> </head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" <!--content start--> <table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"> <tr> <td WIDTH="100%"><font size="3"><a href="http://www.jagoper.com" _fcksavedurl="http://www.jagoper.com"></a></font><font FACE="ARIEL,HELVETICA" SIZE="-1"><p align="center"><script LANGUAGE="JavaScript"> <!--//Begin //This script and many more are available online from //The JavaScript Source!! http://javascriptsource.com monthnames = new Array( "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table border=2 bgcolor=white "); document.write("bordercolor=black><font color=black>"); document.write("<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></font></td></tr>"); document.write("<tr>"); document.write("<td align=center>D</td>"); document.write("<td align=center>L</td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>X</td>"); document.write("<td align=center>J</td>"); document.write("<td align=center>V</td>"); document.write("<td align=center>S</td>"); document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td> </td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href="" + linkdays[c][2] + "">"); linktrue=true; } } } if (count==thisdate) { document.write("<font color='FF0000'><strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table></p>"); // End --> </script> </font></td> </tr> </table> <!--content stop--> </body> </html>
Hora y texto en la barra: <script language="JavaScript"> <!-- mensaje=" |======| .: Codes web :. " function hora() { var h = new Date(); window.status="|======| " + h.getHours() +":"+ h.getMinutes() +"" +mensaje ; window.setTimeout('hora()',100); } hora() //--> </script>
Hora y texto en la barra 2: <script language="JavaScript"> <!-- mensaje=" |======| .: S A L U D O S__ D E__ L U C I A N O:. " function hora() { var h = new Date(); window.status="|======| " + h.getHours() +":"+ h.getMinutes() +"" +mensaje ; window.setTimeout('hora()',100); } hora() //--> </script>
Reloj digital: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>Taller de JS: Reloj I</TITLE> <FCK:META http-equiv=Content-Type content="text/html; charset=windows-1252" /> <SCRIPT language=JavaScript> <!-- var timerID= null; var timerActivo= false; function PararReloj () { if (timerActivo) clearTimeout (timerID); } function ActivarReloj () { PararReloj(); Reloj(); } function Reloj () { var fecha= new Date(); var horas= fecha.getHours(); var minutos= fecha.getMinutes(); var segundos= fecha.getSeconds(); var horaStr= ""; //inicializamos con la cadena vacia horaStr+= ((horas<10)?"0":"")+horas; horaStr+= ((minutos<10)?":0":":")+minutos; horaStr+= ((segundos<10)?":0":":")+segundos; document.clock.caja.value= horaStr; window.status= horaStr; timerID= setTimeout("Reloj()",1000); timerActivo= true; } // --> </SCRIPT> <FCK:META content="Microsoft FrontPage 4.0" name=GENERATOR /></HEAD> <BODY text=#000000 bgColor=#ffffff onload=ActivarReloj()> <CENTER> <FORM name=clock><INPUT size=8 name=caja> </FORM></CENTER> <FCK:HR /> </BODY></HTML>
Reloj analogico: <script language="JavaScript"> //Static analog Clock by kurt.grigg@virgin.net //Script featured on Website Abstraction //http://wsabstract.com fCol='000000';//face colour. sCol='ff0000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Ypos=0; Xpos=0; Ybase=8; Xbase=8; dots=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 < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (ns){ Ypos=window.pageYOffset+window.innerHeight-60; Xpos=window.pageXOffset+window.innerWidth-80; } else{ Ypos=document.body.scrollTop+window.document.body.clientHeight-60; Xpos=document.body.scrollLeft+window.document.body.clientWidth-60; } if (ns){ for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9); document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < 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 < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs); } } else{ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9); ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < 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 < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs); } } setTimeout('clock()',50); } if (document.layers || document.all) window.onload=clock; //--> </script>
Poner fecha: <Script language ="JavaScript"> <!-- var now = new Date() var dia = now.getDay() var mes = now.getMonth() var fecha //El dma de la semana if(dia==0){ fecha="Domingo, "; }else if(dia==1){ fecha="Lunes, "; }else if(dia==2){ fecha="Martes, "; }else if(dia==3){ fecha="Miircoles, "; }else if(dia==4){ fecha="Jueves, "; }else if(dia==5){ fecha="Viernes, "; }else{ fecha="Sabado, "; } fecha = fecha + now.getDate() + " de " //El nombre del mes if(mes==0){ fecha=fecha + "Enero" }else if(mes==1){ fecha=fecha + "Febrero" }else if(mes==2){ fecha=fecha + "Marzo" }else if(mes==3){ fecha=fecha + "Abril" }else if(mes==4){ fecha=fecha + "Mayo" }else if(mes==5){ fecha=fecha + "Junio" }else if(mes==6){ fecha=fecha + "Julio" }else if(mes==7){ fecha=fecha + "Agosto" }else if(mes==8){ fecha=fecha + "Septiembre" }else if(mes==9){ fecha=fecha + "Octubre" }else if(mes==10){ fecha=fecha + "Noviembre" }else{ fecha=fecha + "Diciembre" } fecha = fecha + " del " + now.getYear() document.write(fecha); //--> </Script>
Horas restantes al dia: <body> <p>HORAS RESTANTES DEL DÍA</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript"> <!-- var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body> Saver en que dia cumplio: <!-- Colocar en la etiqueta <HEAD> --> <SCRIPT LANGUAGE="JavaScript"> <!-- Adaptado al español por http://www.codesweb.es.tl --> <!-- Begin function calculate() { month = document.form.month.selectedIndex; month = document.form.month.options[month].value; day = document.form.day.selectedIndex; day = document.form.day.options[day].value; year = document.form.year.value; var oyear=year var dob = " "+ year +", "+month + ", "+day; var thenx = new Date(dob); var year=thenx.getYear(); if (year<100) year="19" + thenx.getYear(); else year=thenx.getYear(); if (year > 1969) wyear=year; else { if (oyear<1900) { if (oyear>1800) { wrelyear= (eval(oyear)-1801)%(28); wyear = wrelyear+1981; } else wyear = 1970 } else if (oyear>1900) {wrelyear= (eval(oyear)-1901)%(28); wyear= wrelyear+1985 } else if (oyear==1900) {wyear= 1990; } } var dob = " "+ wyear +", "+month + ", "+day; var thenx = new Date(dob); var theday = thenx.getDay()+1; var date=thenx.getDate(); var weekday = new Array(6); weekday[1]="Domingo"; weekday[2]="Lunes"; weekday[3]="Martes"; weekday[4]="Miércoles"; weekday[5]="Jueves"; weekday[6]="Viernes"; weekday[7]="Sábado"; if (day != date) alert("Sorry! That appears to be an invalid date!"+day+" ..."+date+"::"+oyear+"..."+year+" "+dob+"=="+wyear+".-.-"+thenx+" "+day+" "+month); else { dayborn = weekday[theday]; dob = dayborn; alert("Tu naciste un " + dob); } } // End --> </script> <!-- Colocar en la etiqueta <BODY> --> <form name=form> <center> <table border=2 cellspacing=0 cellpadding=0 bgcolor=white> <tr><td colspan=3 align=center bgcolor="#FFFFCC"> <p style="margin-top: 0; margin-bottom: 0"><font face="verdana, arial" size="-1"><b>¿En que día de las semana naciste?</b></font></p> <p style="margin-top: 0; margin-bottom: 0"><font face="verdana, arial" size="-1">Introduce tu fecha de nacimiento</font></p> </td></tr> <tr><td align=center bgcolor="#FFFFCC"> <select name="month" size="1"> <option selected>Mes <option value="January">Enero <option value="February">Febrero <option value="March">Marzo <option value="April">Abril <option value="May">Mayo <option value="June">Junio <option value="July">Julio <option value="August">Agosto <option value="September">Septiembre <option value="October">Octubre <option value="November">Noviembre <option value="December">Diciembre </select> </td> <td align=center bgcolor="#FFFFCC"> <select name="day" size="1"> <option selected>Día <option value="1">01 <option value="2">02 <option value="3">03 <option value="4">04 <option value="5">05 <option value="6">06 <option value="7">07 <option value="8">08 <option value="9">09 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 <option value="18">18 <option value="19">19 <option value="20">20 <option value="21">21 <option value="22">22 <option value="23">23 <option value="24">24 <option value="25">25 <option value="26">26 <option value="27">27 <option value="28">28 <option value="29">29 <option value="30">30 <option value="31">31 </select> </td> <td align=center bgcolor="#FFFFCC"> <input type=text name=year value="19" size=4 maxlength=4> </td></tr> </table><p> <input type=button value="Calcular" onClick_fckprotectedatt=" onClick="calculate()""> </center> </form> <p align="center"><center> <font face="arial, helvetica" size="-2">JavaScript adaptado por</font></center> <p align="center" style="margin-top: 0"><font face="arial, helvetica" size="-2"><a href="http://codesweb.es.tl" _fcksavedurl="http://codesweb.es.tl">...:: Codes Web ::..</a></font><p>
