Search - Articles - Dev Forums - Favorites - Member Login
DevASP.NET for ASP.NET, VB.NET, XML and C# (C-Sharp) Developers Tuesday, March 03, 2009


Dev Articles
Search Directory
ESET
ASP.NET
VB.Net
C-Sharp
SQL Server
 

Life runs on code. Find out how Visual Studio 2010 can help you realize your vision. Learn more...
Age finder Application Using ASP.NET and JavaScript

Author: DevASP
Download Source Code : 518_AgeFinder.zip

This article is about how you can give the functionality of age finder in your web application using JavaScript.

It will ask you to enter your day, month and year of birth and finally it will calculate the actual time you have spend in this world.

 

  • Steps you will do. 
  • Start visual studio and create a new web application. 
  • Open the HTML design of your web page and before closing the head tag add the following JavaScript tags and functions to calculate the age.

 

 

<SCRIPT LANGUAGE="JavaScript">

 

var mm = prompt('What month were you born in?','1-12');

var bday = prompt('What day were you born on?','1-31');

var byear = prompt('What year were you born in?','1975');

var year = new Date();

var year2 = year.getYear();

var year3 = (year < 2000) ? year2 + 1900 : year2;

thedate = new Date();

mm2 = thedate.getMonth() + 1;

dd2 = thedate.getDate();

yy2 = thedate.getYear();

if (yy2 < 100) yy2 += 1900

yourage = yy2 - byear;

if (mm2 < mm) yourage--;

if ((mm2 == mm) && (dd2 < bday)) yourage--;

TMonth = new Array(

'January','February','March',

'April','May','June','July',

'August','September','October',

'November','December'

);

CurMonth = mm - 1;

bmonth = TMonth[CurMonth];

var age2 = yourage + 1;

var timerID;

var timerRunning = false;

var today = new Date();

var startday = new Date();

var enday = new Date();

var secPerDay = 0;

var minPerDay = 0;

var hourPerDay = 0;

var secsLeft = 0;

var secsRound = 0;

var secsRemain = 0;

var minLeft = 0;

var minRound = 0;

var minRemain = 0;

var timeRemain = 0;

function stopclock() {

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;

}

function startclock() {

stopclock();

showtime();

showtime1();

}

function showtime() {

today = new Date();

enday = new Date(""+bmonth+", "+bday+" "+year3+" 00:00");

enday.setYear(""+year3+"");

secsPerDay = 1000 ;

minPerDay = 60 * 1000 ;

hoursPerDay = 60 * 60 * 1000;

PerDay = 24 * 60 * 60 * 1000;

secsLeft = (enday.getTime() - today.getTime()) / minPerDay;

secsRound = Math.round(secsLeft);

secsRemain = secsLeft - secsRound;

secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60;

secsRemain = Math.round(secsRemain);

minLeft = ((enday.getTime() - today.getTime()) / hoursPerDay);

minRound = Math.round(minLeft);

minRemain = minLeft - minRound;

minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft)  * 60) : minRemain = ((minLeft - minRound) * 60);

minRemain = Math.round(minRemain - 0.495);

hoursLeft = ((enday.getTime() - today.getTime()) / PerDay);

hoursRound = Math.round(hoursLeft);

hoursRemain = hoursLeft - hoursRound;

hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft)  * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24);

hoursRemain = Math.round(hoursRemain - 0.5);

daysLeft = ((enday.getTime() - today.getTime()) / PerDay);

daysLeft = (daysLeft - 0.5);

daysRound = Math.round(daysLeft);

daysRemain = daysRound;

if (daysRemain == 1) day_rem = " day, "

else day_rem = " days, "

if (hoursRemain == 1) hour_rem = " hour, "

else hour_rem = " hours, "

if (minRemain == 1) min_rem = " minute, "

else min_rem = " minutes, "

if (secsRemain == 1) sec_rem = " second"

else sec_rem = " seconds"

timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain + min_rem + secsRemain + sec_rem;

document.down.face.value = timeRemain;

timerID = setTimeout("showtime()",1000);

timerRunning = true;

if (daysRemain < 0) year3 = year3 + 1

}

function showtime1() {

startday = new Date(""+bmonth+" "+bday+", "+byear+" 00:00 EDT");

startday.setYear(""+byear+"");

today = new Date();

secsPerDay = 1000 ;

minPerDay = 60 * 1000 ;

hoursPerDay = 60 * 60 * 1000;

PerDay = 24 * 60 * 60 * 1000;

secsLeft = (today.getTime() - startday.getTime()) / minPerDay;

secsRound = Math.round(secsLeft);

secsRemain = secsLeft - secsRound;

secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60;

secsRemain = Math.round(secsRemain);

minLeft = ((today.getTime() - startday.getTime()) / hoursPerDay);

minRound = Math.round(minLeft);

minRemain = minLeft - minRound;

minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain = ((minLeft - minRound) * 60);

minRemain = Math.round(minRemain - 0.495);

hoursLeft = ((today.getTime() - startday.getTime()) / PerDay);

hoursRound = Math.round(hoursLeft);

hoursRemain = hoursLeft - hoursRound;

hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft) * 24)  : hoursRemain = ((hoursLeft - hoursRound) * 24);

hoursRemain = Math.round(hoursRemain - 0.5);

daysLeft = ((today.getTime() - startday.getTime()) / PerDay);

daysLeft = (daysLeft - 0.5);

daysRound = Math.round(daysLeft);

daysRemain = daysRound;

if (daysRemain == 1) day_rem = " day, "

else day_rem = " days, "

if (hoursRemain == 1) hour_rem = " hour, "

else hour_rem = " hours, "

if (minRemain == 1) min_rem = " minute, "

else min_rem = " minutes, "

if (secsRemain == 1) sec_rem = " second"

else sec_rem = " seconds"

timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain + min_rem + secsRemain + sec_rem;

document.up.face.value = timeRemain;

timerID = setTimeout("showtime1()",1000);

timerRunning = true;

}

 

</SCRIPT>

 

 

Now write the following HTML code to design your web page and call the above JavaScript functions:

 

<BODY OnLoad="startclock()" bgcolor=#009999>         

<center>

<form name="down" onSubmit="0">

<script Language="JavaScript">

document.write("<b>I was born "+bmonth+" "+bday+", "+byear+".  ("+mm+"/"+bday+"/"+byear+")</b>");

document.write("<br><br>I am "+yourage+" years old, and will turn "+age2+" in:");

</script>

<br>

<input type="text" name="face" size="47" >

</form>

<p>

<br>

<form name="up" onSubmit="1">

I've been alive for...<br>

<input type="text" name="face" size="47" >

</form>

<H4>Dont forget to visit www.devasp.com</H4>

<a href="http://www.devasp.com">Devasp Team</a>

</center>

</BODY>

Article Comments
It was really very useful and self explainatory. thanks for providing...

Posted on 12/12/2007 1:19:53 AM by Pankul

   
Add Article Comment:
Name :
Email Address :
   
Comments :
 
   
<< How to use CheckBox for selection in DataGrid

Disclaimer - Privacy
© 2002-2010 DevASP.net