Javascript Advance 1/8

JavaScript is the programming language of HTML and the Web. Here some advance code of javascript.

How to Run the code:

1:Open the Notepad or Notepad++ or any software

2: Copy any code and paste

3: And save with anyname.html e.g "Cmpfun.html"

4: Open that file in any browser

Name	Code
Simple timing	<!DOCTYPE html> <html> <head> <script> function timedText() { var x=document.getElementById('txt'); var t1=setTimeout(function(){x.value="2 seconds"},2000); var t2=setTimeout(function(){x.value="4 seconds"},4000); var t3=setTimeout(function(){x.value="6 seconds"},6000); } </script> </head> <body> <form> <input type="button" value="Display timed text!" onClick="timedText()" /> <input type="text" id="txt" /> </form> <p> Click on the button above. The input field will tell you when two, four, and six seconds have passed.</p> </body> </html>
Timing event in an infinite loop - with a Stop button	<!DOCTYPE html> <html> <head> <script> var c=0; var t; var timer_is_on=0; function timedCount() { document.getElementById('txt').value=c; c=c+1; t=setTimeout(function(){timedCount()},1000); } function doTimer() { if (!timer_is_on) { timer_is_on=1; timedCount(); } } function stopCount() { clearTimeout(t); timer_is_on=0; } </script> </head>
A clock created with a timing event	<!DOCTYPE html> <html> <head> <script> function startTime() { var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // add a zero in front of numbers<10<br> m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+":"+m+":"+s; t=setTimeout(function(){startTime()},500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } </script> </head> <body onload="startTime()"> <div id="txt"> < /div> </body> </html>

You May Also Like