Data e Hora

Codigo: <TABLE height=1 cellSpacing=0 width="100%" bgColor=#FFFFFF border=0> <TR> <TD width="54%" height=1><FONT face=Arial size=2> <font color="#000000"> <SCRIPT language=JavaScript><!-- var d = new Date() var h = d.getHours() if (h < 12) document.write(" Bom-dia! Seja bem-vindo! ") else if (h < 18) document.write(" Boa-tarde! Seja bem-vindo! ") else document.write(" Boa-noite! Seja bem-vindo! ") // --></SCRIPT> </font> </FONT></TD> <TD width="46%" height=1> <P align=right><FONT face=Arial size=2 color="#000000"> <SCRIPT language=JavaScript><!-- Hiding today = new Date() document.write("",today.getHours(),"hs:",today.getMinutes(),"min") if(today.getYear()<1900){ document.write(" - ",today.getDate(),"/",today.getMonth()+1,"/",today.getYear()+1900,""); }else{ document.write(" - ",today.getDate(),"/",today.getMonth()+1,"/",today.getYear(),""); } // end hiding contents --> </SCRIPT> </FONT></P></TD></TR></TABLE>

Cronometro

Codigo: <html><head></head><body> <script language=Javascript1.2>var currentsec=0; var currentmin=0; var currentmil=0; var keepgoin=false; function timer(){ if(keepgoin){ currentmil+=1; if (currentmil==10){ currentmil=0; currentsec+=1; } if (currentsec==60){ currentsec=0; currentmin+=1; } Strsec=""+currentsec; Strmin=""+currentmin; Strmil=""+currentmil; if (Strsec.length!=2){ Strsec="0"+currentsec; } if (Strmin.length!=2){ Strmin="0"+currentmin; } document.display.seconds.value=Strsec document.display.minutes.value=Strmin; document.display.milsecs.value=Strmil; setTimeout("timer()", 100); } } function startover(){ keepgoin=false; currentsec=0; currentmin=0; currentmil=0; Strsec="00"; Strmin="00"; Strmil="00"; } </SCRIPT> <center><form name="display" onreset="startover()"><table><tbody><tr><td colspan="3"><div><input value="00" name="minutes" size="20"> : <input value="00" name="seconds" size="20">: <input value="0" name="milsecs" size="20"></div></td></tr><tr><td><input onclick="keepgoin=true;timer()" type="button" value="Começar" name="start"></td><td><input onclick="keepgoin=false;" type="button" value="Pausa" name="pause"></td><td><input type="reset" value="Zerar" name="reset"></td></tr></tbody></table></form></center> </body></html>

Iniciar, Parar

Codigo: <html><body> <marquee id="scroller" direction="up" width="150" style="background-color:#f9f9f9;font-size:8pt;font-family:verdana;color:#1c1c1c;">seu texto aqui<br>seu texto aqui<br>seu texto aqui<br></marquee><br><a href=javascript:scroller.start()><font style="font-size:8pt;font-family:verdana;color:#1c1c1c;text-decoration:none;">iniciar</a>       <a href=javascript:scroller.stop()><font style="font-size:8pt;font-family:verdana;color:#1c1c1c;text-decoration:none;">parar</a> </body></html>

Tempo na página

Codigo: <html><body><head><!---------------COMEÇA AQUI-------------------><HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Begin var onHours = " "; var onMinutes = " "; var onSeconds = " "; var offHours = 0; var offMinutes = 0; var offSeconds = 0; var logSeconds = 0; var logMinutes = 0; var logHours = 0; var OnTimeValue = " "; var OffTimeValue = " "; var PageTimeValue = " "; function getLogonTime() { var now = new Date(); var ampm = (now.getHours() >= 12) ? " P.M." : " A.M." var Hours = now.getHours(); Hours = ((Hours > 12) ? Hours - 12 : Hours); var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes(); var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds(); OnTimeValue =(" " + Hours + Minutes + Seconds + " " + ampm); onHours = now.getHours(); onMinutes = now.getMinutes(); onSeconds = now.getSeconds(); } function getLogoffTime() { var now = new Date(); var ampm = (now.getHours() >= 12) ? " P.M." : " A.M." var Hours = now.getHours(); Hours = ((Hours > 12) ? Hours - 12 : Hours); var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes(); var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds(); OffTimeValue =(" " + Hours + Minutes + Seconds + " " + ampm); offHours = now.getHours(); offMinutes = now.getMinutes(); offSeconds = now.getSeconds(); timer(); } function timer() { if (offSeconds >= onSeconds) { logSeconds = offSeconds - onSeconds; } else { offMinutes -= 1; logSeconds = (offSeconds + 60) - onSeconds; } if (offMinutes >= onMinutes) { logMinutes = offMinutes - onMinutes; } else { offHours -= 1; logMinutes = (offMinutes + 60) - onMinutes; } logHours = offHours - onHours; logHours = ((logHours < 10) ? "0" : ":") + logHours; logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes; logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds; PageTimeValue =(" " + logHours + logMinutes + logSeconds); displayTimes(); } function displayTimes() { alert("\nEntrou : " +OnTimeValue+"\n\nParou : "+OffTimeValue+"\n\nTempo na página : " + PageTimeValue); } // End --></SCRIPT><BODY onLoad="getLogonTime()"><CENTER><FORM><INPUT TYPE="button" value="tempo na página" onClick="getLogoffTime()"></FORM></CENTER></HEAD><!-----------------TERMINA AQUI-----------------> </BODY></HTML>

Contador de tempo regressivo

Codigo: <div align="center"><font color="#000080"><FONT FACE="Arial" SIZE="6"><strong>Faltam:</font> <div align="center"><font color="#000080"><FONT FACE="Arial" SIZE="6"><strong> <style style="text/css"> .lcdstyle{ /*Example CSS to create LCD countdown look*/ background-color:black; color:yellow; font: bold 14px MS Sans Serif; padding: 3px; } .lcdstyle sup{ /*Example CSS to create LCD countdown look*/ font-size: 80% } </style> <script type="text/javascript"> /*********************************************** * Dynamic Countdown 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. ***********************************************/ function cdtime(container, targetdate){ if (!document.getElementById || !document.getElementById(container)) return this.container=document.getElementById(container) this.currentTime=new Date() this.targetdate=new Date(targetdate) this.timesup=false this.updateTime() } cdtime.prototype.updateTime=function(){ var thisobj=this this.currentTime.setSeconds(this.currentTime.getSeconds()+1) setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second } cdtime.prototype.displaycountdown=function(baseunit, functionref){ this.baseunit=baseunit this.formatresults=functionref this.showresults() } cdtime.prototype.showresults=function(){ var thisobj=this var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds if (timediff<0){ //if time is up this.timesup=true this.container.innerHTML=this.formatresults() return } var oneMinute=60 //minute unit in seconds var oneHour=60*60 //hour unit in seconds var oneDay=60*60*24 //day unit in seconds var dayfield=Math.floor(timediff/oneDay) var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level hourfield=dayfield*24+hourfield dayfield="n/a" } else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level minutefield=dayfield*24*60+hourfield*60+minutefield dayfield=hourfield="n/a" } else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level var secondfield=timediff dayfield=hourfield=minutefield="n/a" } this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) setTimeout(function(){thisobj.showresults()}, 1000) //update results every second } /////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW////////////////////////////// //Create your own custom format function to pass into cdtime.displaycountdown() //Use arguments[0] to access "Dias" left //Use arguments[1] to access "Hours" left //Use arguments[2] to access "Minutes" left //Use arguments[3] to access "Seconds" left //The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown() //For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a" //For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc function formatresults(){ if (this.timesup==false){//if target date/time not yet met var displaystring=arguments[0]+""+arguments[1]+""+arguments[2]+""+arguments[3]+"" } else{ //else if target date/time met var displaystring="Coloque uma data futura!" } return displaystring } function formatresults2(){ if (this.timesup==false){ //if target date/time not yet met var displaystring="<span class='lcdstyle'>"+arguments[0]+" ^Dias "+arguments[1]+" ^Horas "+arguments[2]+" ^Minutos "+arguments[3]+" ^Segundos</span>" } else{ //else if target date/time met var displaystring="" // } return displaystring } </script> <div id="countdowncontainer"></div><br /><div id="countdowncontainer2"></div> <script type="text/javascript"> var futuredate=new cdtime("countdowncontainer", "January 01, 9090 00:00:00") futuredate.displaycountdown("days", formatresults) var currentyear=new Date().getFullYear() //dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1 var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear var christmas=new cdtime("countdowncontainer2", "june 11, "+thischristmasyear+" 11:00:00") christmas.displaycountdown("days", formatresults2) </script> <div align="center"><font color="#000080"><FONT FACE="Arial" SIZE="6"><strong> Para 01/01/9090 às 00:00hs </font>

Contador regressivo

Codigo: <html><head><title>Contagem Regressiva</title><SCRIPT language=JavaScript><!-- begin var sHors = "00"; var sMins = "01"; var sSecs = 60; function getSecs(){ sSecs--; if(sSecs<0) {sSecs=59;sMins--;if(sMins<=9)sMins="0"+sMins;} if(sMins=="0-1") {sMins=5;sHors--;if(sHors<=9)sHors="0"+sHors;} if(sSecs<=9)sSecs="0"+sSecs; if(sHors=="0-1") {sHors="00";sMins="00";sSecs="00"; clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;} else { clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs; setTimeout('getSecs()',1000); } } //--></SCRIPT> </head><!-- Aqui começa o corpo da página --><body> <h2 align="center"><font color="#065ca5" face="tahoma">Contagem Regressiva</font></h2><hr color="#065ca5" width="100"> <div align="center"> <b><font color=#ff0000 size=2 face=arial><span id="clock1"></span><script>setTimeout('getSecs()',1000);</script></font></b><br> </div></body></html>

Contador progressivo

Codigo: <html><head><title>Contagem Regressiva</title><SCRIPT language=JavaScript><!-- begin var sHors = "0"+0; var sMins = "0"+0; var sSecs = -1; function getSecs(){ sSecs++; if(sSecs==60){sSecs=0;sMins++; if(sMins<=9)sMins="0"+sMins; } if(sMins==60){sMins="0"+0;sHors++; if(sHors<=9)sHors="0"+sHors; } if(sSecs<=9)sSecs="0"+sSecs; clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs; setTimeout('getSecs()',1000); } //--></SCRIPT> </head><!-- Aqui começa o corpo da página --><body> <h2 align="center"> <font color="#065ca5" face="tahoma">Contagem progressiva</font></h2><hr color="#065ca5"><div align="center"> <FONT SIZE="2" COLOR="#065ca5" face="arial"> </font> <font color="#FF0000" size="2"> </font>   Aguarde...<br><font color="#FF0000" size="3" face="Arial Black"><span id="clock1"></span><script>setTimeout('getSecs()',1000);</script></font><br> <br> <br></FONT></div></body></html>

Calculadora 2

Codigo: <html><body><head> Esta JavaScript tem a mesma finalidade de uma calculadora, você põe a conta e ela te dá a resposta.<P><SCRIPT>function compute(obj) { obj.result.value = eval(obj.expr.value)}</SCRIPT><FORM NAME="evalform"><B>Conta:</B> <INPUT TYPE=text NAME="expr" SIZE=20 ><BR><B>Resultado:</B> <INPUT TYPE=text NAME="result" SIZE=20 ><BR><CENTER> <INPUT TYPE="button" VALUE="A resposta é:" onClick="compute(this.form)"></CENTER></FORM><TT><CENTER><B> <SCRIPT LANGUAGE="javascript"></SCRIPT> </CENTER></body></html>

Calculadora

Codigo: <html><body> <table border="0" width="200" cellspacing="0" cellpadding="0" bgcolor="#FF7F00" style="border-color:black" onClick="previouskey=event.srcElement.innerText"> <tr> <td width="80%" bgcolor="#FFFFFF" id="result" style="font: 20px Arial;color:black;text-align='right'">0</td> </tr> <tr> <td width="100%" valign="middle" align="center"><table border="0" width="100%" cellspacing="0" cellpadding="0" style="font: 20px Arial;color:white"> <tr> <td width="80%" align="center"><table border="0" width="80%" cellspacing="0" cellpadding="0" style="cursor:hand;font: 20px Arial;color:white" onMouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'" onMouseout="event.srcElement.style.color='white'" onselectStart="return false" onClick="calculate()" height="60"> <tr> <td width="20%" align="center" height="14">7</td> <td width="20%" align="center" height="14">8</td> <td width="20%" align="center" height="14">9</td> <td width="20%" align="center" height="14">/</td> </tr> <tr> <td width="20%" align="center" height="19">4</td> <td width="20%" align="center" height="19">5</td> <td width="20%" align="center" height="19">6</td> <td width="20%" align="center" height="19">*</td> </tr> <tr> <td width="20%" align="center" height="19">1</td> <td width="20%" align="center" height="19">2</td> <td width="20%" align="center" height="19">3</td> <td width="20%" align="center" height="19">-</td> </tr> <tr> <td width="20%" align="center" height="19">0</td> <td width="20%" align="center" height="19" onClick="pn();previouskey=1;event.cancelBubble=true">+/-</td> <td width="20%" align="center" height="19">.</td> <td width="20%" align="center" height="19">+</td> </tr> </table> </td> <td width="20%"><div align="left"><table border="0" width="80%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" style="cursor:hand;font: 15px Arial;color:white;text-align:center" onClick="result.innerText=0;results=''">Limpar</td> </tr> </table> </div><div align="left"><table border="0" width="80%" cellspacing="0" cellpadding="0" height="81"> <tr> <td width="100%" style="cursor:hand;font:bold 32px Arial;color:white;text-align:center" onMouseover="event.srcElement.style.color='yellow'" onMouseout="event.srcElement.style.color='white'" onClick="calculateresult()">=</td> </tr> </table> </div></td> </tr> </table> </td> </tr></table> <script language="JavaScript1.2"> var results='' var previouskey='' var re=/(\/|\*|\+|-)/ var re2=/(\/|\*|\+|-){2}$/ var re3=/.+(\/|\*|\+|-).+/ var re4=/\d|\./ var re5=/^[^\/\*\+].+\d$/ var re6=/\./ function calculate(){ if (event.srcElement.tagName=="TD"){ if (event.srcElement.innerText.match(re4)&&previouskey=="=") results='' if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString().match(re6)) results=results.toString().substring(0,12) result.innerText=results } results+=event.srcElement.innerText if (results.match(re2)) results=results.substring(0,results.length-2)+results.charAt(results.length-1) result.innerText=results } } function calculateresult(){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString().match(re6)) results=results.toString().substring(0,12) result.innerText=results } function pn(){ if (result.innerText.charAt(0)!='-') result.innerText=results='-'+result.innerText else if (result.innerText.charAt(0)=='-') result.innerText=results=result.innerText*(-1) } </script> </body></html>

Converter palavras acentuadas

Digite a palavra ou texto com acentos no campo logo abaixo e clique em Converter para HTML depois é só copiar e colar no código fonte de seu site ou blog.

Seu texto codificado: