JavaScript - Calculate Time Difference

hi,

anyone knows how to get the past 6th month date using time difference? like if the current date is given 18-April-2011 then the past 6th month date is 18-October-2010...how can this be done by using time difference?

Thanks,

verve

Hi everyone.

New to javascript here....

I have a problem here. I know how to store a cookie and check a cookie... but i don't know how to calculate the time between current visit and previous visit...

Example.

I logged in @ 1pm and logged in again @ 3pm... It should a msg like "your last visit was 2 hours ago"

Can any one enlighten me ? Thank you!

Hi

Code:

var err_str="";
function validate_grid(value,id,ind)
{
 $("#result").html(" ").show();
 if(ind==1 || ind==2)
  {
  var patt=/^([0][0-9]|[1][0-9]|[2][0-3])[:]{1}[0-5][0-9]$/;
  if(!patt.test(value))
   {
	mygrid.setCellTextStyle(id,ind,"background-color:yellow;");
	if(err_str!="")
		err_str+="\n"+(ind+1)+".Enter numbers and : only..";
	else
		err_str=(ind+1)+".Enter numbers and : only";
	return false;
   }
    else
      {
	mygrid.setCellTextStyle(id,ind,"background-color:white;");
	return true;
      }
  }
}
alert(err-str);

here ind==1 is from_time and ind==2 is to_time,i need to validate time as to_time must be always greater than from-time,if condition fails an alert msg should populate.time format is[05:00]as it is in string format im unable to do the validation for it.(ex:from-time=08:00 to-time=07:59 condition fails)

thank you.

hi im using dhtml xgrid where i need to do validation for time ,(from-time and to-time i.e ind==1 and ind==2 ) to-time must be greater than from-time else i need to alert a message to-time must be greater than from-time.
can any one send me the code for it time format is[05:00].
Code:

var err_str="";
function validate_grid(value,id,ind)
	{
	$("#result").html(" ").show();
		if(ind==1 || ind==2)
		{
			var patt=/^([0][0-9]|[1][0-9]|[2][0-3])[:]{1}[0-5][0-9]$/;
			if(!patt.test(value))
			{
				mygrid.setCellTextStyle(id,ind,"background-color:yellow;");
				if(err_str!="")
					err_str+="\n"+(ind+1)+".Enter numbers and : only..";
				else
					err_str=(ind+1)+".Enter numbers and : only";
				return false;
			}
			else
			{
				mygrid.setCellTextStyle(id,ind,"background-color:white;");
				return true;
			}
		}
}

Hello im using dhtmlx grid in this cells i have from time and to time (i.e ind==1 and ind==2) i need to validate time where to-time must be greater than from-time else it should alert an message,i have writeen a normal Regular expression for the time validation.as the time is i string format i.e[05:00],please can any one send me code for that.
Code:

var err_str="";
function validate_grid(value,id,ind)
	{
	if(ind==1 || ind==2)
		{
			var patt=/^([0][0-9]|[1][0-9]|[2][0-3])[:]{1}[0-5][0-9]$/;
			if(!patt.test(value))
			{
				mygrid.setCellTextStyle(id,ind,"background-color:yellow;");
				if(err_str!="")
					err_str+="\n"+(ind+1)+".Enter numbers and : only..";
				else
					err_str=(ind+1)+".Enter numbers and : only";
				return false;
			}
			else
			{
				mygrid.setCellTextStyle(id,ind,"background-color:white;");
				return true;
			}
		}
}

1 down vote favorite


I do have the countdown script (see link below) to display the time between current time and the date given in real-time.

However, I want to achieve to display the time difference between a given start and end time. Right now, it calculates from the current server time to the end time.

I want to be able to set up my own start time and end time.

Here is what I have:

http://jsfiddle.net/BgEtE/

thank you for help

I'm not really a Java writer, so I don't know how to do this myself, though I imagine it would be pretty simple.
I am looking to add a script to a webpage that allows users to input a time manually, and have it converted to GMT/Zulu time and display the converted time. I have seen a lot of time zone conversion scripts online, but they all just convert whatever the current system time is to another time zone. I am looking for a script that allows users to convert a time and show the zulu time, for times other than the current time. The time zone the inputed local time would be in is +4:30 (Kabul). I don't really care about style or aestehtics, just a simple script I can insert into a web page to have a time input field. The converted output time can appear in another field, a popup bubble, etc, again style isn't really an issue. It's really just to help people in my job who need to know what the GMT/Zulu time was for certain local times after the fact. One would think it shouldn't be that hard to just subtract 4:30 in your head, but apparently it is.

Sorry if just asking for code outright like this is frowned upon.

hi, I've got a problem and i really need help.
this is my code

<script>
var y= new Date();
y.getFullYear() + '<br />';
alert(y);
var year = new Date();
year.setFullYear(prompt('Enter the year','1990'),prompt('Enter the month','1'), prompt('Enter the day','1'));
alert(year);
var yy = y-year;
alert(yy);
</script>

i want when a user write his/her birthday JS calculate the age. that's all

Hello.

I wonder is there any javascript to calculate IP length

For example I have

Start ADDR:

VLAN_ADDR which is:

10.52.28.0

Stop ADDR:

VLAN_LAST which is

10.52.29.254

As I know:result is 512

or another example:

Start ADDR:

VLAN_ADDR which is:

10.52.64.11

Stop ADDR:

VLAN_LAST which is

10.52.64.15

As I know:result is 5


How to count it in javascript code ?
Results are "numbers"

Best regards

Leos.

anyone would you help me

I have some problem to calculate
PHP Code:
<table width="415" cellspacing="1" cellpadding="1">
    <tr>
      <th width="151" scope="col">Price</th>
      <th width="189" scope="col">qty</th>
      <th width="63" scope="col">total</th>
    </tr>
    <tr>
      <td><label>
        <input name="price" type="text" id="price" value="2000">
      </label></td>
      <td><label>
        <input name="qty" type="text" id="qty" value="2">
      </label></td>
      <td><label>
        <input name="total" type="text" id="total" value="4000">
      </label></td>
    </tr>
    <tr>
      <td><input name="price" type="text" id="price" value="2000"></td>
      <td><input name="qty" type="text" id="qty" value="4"></td>
      <td><input name="total" type="text" id="total" value="8000"></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>Total</td>
      <td><label>
        <input name="gtotal" type="text" id="gtotal" value="12000">
      </label></td>
    </tr>
  </table> 


How to calucate it from price * qty = Total and gtotal=sum of total, in the first rows.
Ican do it if there is one row, but i dont know how to calculate samae name of text field like in 2nd or more rows

Hi there,
I'm new here in this forum and I've registered to ask a question about JavaScript or Jquery. I don't know which to use.

I have my code php like that:
<?php
//Get the data from system and return in EU format
function ShowDate() {
$Date = date("d"."/"."m"."/"."Y");
return $Date;
}
//Get the time from system
function ShowTime() {
$Time = date("H".":"."i");
return $Time;
}
?>

Now I have two input box

<html>
<head>
</head>
<body>
Type the date:<input name="txtdate" type="text" class="input" id="txtdate" title="e.g dd/mm/yyyy" value="<?php echo ShowDate(); ?>" size="9" maxlength="10">
<br>
Type the time:<input name="txttime" type="text" id="txttime" value="<?php echo ShowTime(); ?>" size="5" maxlength="5">
<br>
London: Friday May 21 2010 05:12:00 <br>
New York: Friday May 21 2010 00:12:00<br>
Hong Kong: Friday May 21 2010 12:12:00<br>
Tokyo: Friday May 21 2010 13:12:00<br>
</body>
</html>

So.... the important is the user can interactive with the date. If I change the date or time all this values will be change as well.
Someone knows how can I do this?
The field txtdate I will get from a calendar plugin (javascript) that I already put in my code.

Thank you for your help.

Andrei Andrade

I'm working on creating a custom calculator to determine the amount of money / credits users may earn from referrals. I've tested onChange, and it will work only when I have changed to a new field or clicked off that field. How do I make this calculate live?

So if the current value is 5 and I change it to 6, it will automatically recalculate the new value.

You can see what I'm working on he

http://sheetmusichaven.com/admin/mys...calculator.php

Note: The one I'm testing is the 1st Level field. For now i'm just having it display the date.

I want to do a calculation between selectbox values. The problem with my code is that the first part of the calculation only gives me 0, which Motherboard value*quantity. the second part works fine which Chassis*quantity. My formulas is motherbord*Quanity+chassis*quantity.

Code:

function calculate() {   
  var parsedMotherboard = parseFloat(document.calcform.Motherboard.value || 0);     
var parsedQuantity = parseFloat(document.calcform.Quantity.value || 0);     var parsedChassis = parseFloat(document.calcform.Chassis.value || 0);     
var parsedQuantity1 = parseFloat(document.calcform.Quantity1.value ||0);      
document.calcform.total.value = (parsedMotherboard * parsedQuantity + parsedChassis * parsedQuantity1); }

PHP Code:
echo "<tr><td align='left' width='90%'>";

$result = mysql_query("SELECT Motherboard_Part_Number, Motherboard_Name, Motherboard_Price FROM Motherboard ") 
or die(mysql_error());  
echo '<select id="Motherboard" class="SelectClass" name="Motherboard" ONCHANGE="calculate()">'; 
// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result )) {
    // Print out the contents of each row into a table
    echo '<option Name="Motherboard" value= ',$row['Motherboard_Price'],'>',$row['Motherboard_Part_Number'],'&nbsp;&nbsp;&nbsp;',$row['Motherboard_Name'],' &nbsp;&nbsp;&nbsp;$',$row['Motherboard_Price'],'&nbsp;','</option>'; 

} 

echo '</select>';

echo "</td>";


echo "<td align='right' width='10%'>";

$result= mysql_query("SELECT Number FROM Quantity") 
or die(mysql_error());  
echo '<select id="Quantity" class="SelectClass" name="Quantity" Value="Quantity" ONCHANGE="calculate()" >'; 

// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result)) {
    // Print out the contents of each row into a table

    echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; 
} 




echo '</select>';

echo "</td></tr>";











echo "<tr><td align='left' width='90%'>";

$result = mysql_query("SELECT Chassis_Part_Number, Chassis_Name, Chassis_Price FROM Chassis where Chassis_Form_Factor='ATX'") 
or die(mysql_error());  
echo '<select id="Chassis" class="SelectClass" name="Chassis" ONCHANGE="calculate()">'; 
// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result )) {
    // Print out the contents of each row into a table
    echo '<option Name="Chassis" value= ',$row['Chassis_Price'],'>',$row['Chassis_Part_Number'],'&nbsp;&nbsp;&nbsp;',$row['Chassis_Name'],' &nbsp;&nbsp;&nbsp;$',$row['Chassis_Price'],'&nbsp;','</option>'; 

} 

echo '</select>';

echo "</td>";


echo "<td align='right' width='10%'>";

$result= mysql_query("SELECT Number FROM Quantity") 
or die(mysql_error());  
echo '<select id="Quantity" class="SelectClass" name="Quantity1" Value="Quantity" ONCHANGE="calculate()" >'; 

// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result)) {
    // Print out the contents of each row into a table

    echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; 
} 




echo '</select>';

echo "</td></tr>"; 

I have tried many time to make the calculation to appear at the total text box. however, I fail to find where the problem is. Please help me..

here is my coding..

<html>
<head>

<title>
PRESENTATION EVALUATION FORM
</title></head>

<style type="text/css">
.style1 {
text-align: center;
}
</style>

<script type="text/javascript">

function add($g1,$g2,$g3,$g4,$g5,$g6,$g7,$g8,$g9,$g10,$g11,$g12,$g13)
{
$g1=$_POST['document.myForm.gred1.value'];
$g2=$_POST['gred3.value'];
$g3=$_POST['gred3.value'];
$g4=$_POST['gred4.value'];
$g5=$_POST['gred5.value'];
$g6=$_POST['gred6.value'];
$g7=$_POST['gred7.value'];
$g8=$_POST['gred8.value'];
$g9=$_POST['gred9.value'];
$g10=$_POST['gred10.value'];
$g11=$_POST['gred11.value'];
$g12=$_POST['gred12.value'];
$g13=$_POST['gred13.value'];

$total=$g1+$g2+$g3+$g4+$g5+$g6+$g7+$g8+$g9+$g10+$g11+$g12+$g13;
}


</script>

<body>

<center><img src="logo.gif" height="200" weight="240"></center>
<p><center><b>FAKULTI SISTEM KOMPUTER & KEJURUTERAAN PERISIAN<br>UNIVERSITI MALAYSIA PAHANG</b></center></p>




<table width="100% "border="1">
<form name="myForm" method="post">


<tr>
<th style="width: 447px">ITEM</th>
<th style="width: 340px">SCORE</th>
</tr>



<tr>
<td style="width: 447px">&nbsp;A) SLIDES</td>
<td style="width: 340px"> </td>
</tr>



<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i.
Use of Diagram and Animations
</td>
<td style="width: 340px" class="style1">
<select name="gred1" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>



<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Layout, Font and Color (Readable, Consistent, Attractive)
</td>
<td style="width: 340px" class="style1">
<select name="gred2" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>



<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iii. Content Structure</td>
<td style="width: 340px" class="style1">
<select name="gred4" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></td>
</tr>


<tr>
<td style="width: 447px; height: 28px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iv. Slide Content</td>
<td style="width: 340px; height: 28px;" class="style1">
&nbsp;<select name="gred3" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></tr>


<tr>
<td style="width: 447px">&nbsp; B) PRESENTATION</td>
<td style="width: 340px"></td>
</tr>


<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i. Explaining and
Not Reading The Slides </td>
<td style="width: 340px" class="style1">
<select name="gred5" onchange="add()" style="width: 45px; height: 22px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Voice, Eye Contact and Gestures</td>
<td style="width: 340px" class="style1">
<select name="gred6" onchange="add()" style="width: 45px; height: 22px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp; iii. Capture Audience Interest</td>
<td style="width: 340px" class="style1">
<select name="gred7" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp; iv. Proper Introduction and Closing</td>
<td style="width: 340px" class="style1">
<select name="gred8" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></td>
</tr>


<tr>
<td style="width: 447px">&nbsp; C) LANGUAGE</td>
<td style="width: 340px" class="style1">&nbsp;</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i. Fluency
</td>
<td style="width: 340px" class="style1">
<select name="gred9" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></td>
</tr>


<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Correctness</td>
<td style="width: 340px" class="style1">
<select name="gred10" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp; iii. English Vocabulary</td>
<td style="width: 340px" class="style1">
<select name="gred11" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;D) QUESTION AND ANSWER HANDLING</td>
<td style="width: 340px" class="style1">&nbsp;</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i. Confidence</td>
<td style="width: 340px" class="style1">
<select name="gred12" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Logic Responds</td>
<td style="width: 340px" class="style1">
<select name="gred13" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>



<tr>
<td style="width: 447px; height: 27px;"><center><b>Total</b></center></td>
<td style="width: 340px; height: 27px;"><center>
<input name="totalmark" type="text" style="width: 52px" value="0" >
<?php echo $_POST["$total"];></center></td>
</table>



<table>
<tr>
<td class="style1" style="width: 802px"><br><input type="button" name="total" value="CALCULATE" onclick= "add()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="RESET" value="RESET"></td>
</tr>
</form>
</table>
</body>
</html>