JavaScript - How To Get Time From A Time Zone?

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;
			}
		}
}

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

hi,

can some one help me how to get the time and date difference? given two time and date with the following format like in textbox A: 2011-05-03 17:35:47.0 and textbox B: 2011-05-03 16:35:47.0 then the output would be: 0 days, 1 hour, 0 minutes, 0 seconds

regards,
verve

This is my first time doing JavaScript I don't what I did wrong here, but the problem its not showing up the current date and time.
Code:

<script language = "JavaScript" type="text/javascript"> 
now = new Date(); 
localtime = now.toString();
 utctime = now.GMTString();
 document.wite("<b>localtime</b>" + localtime + "</br>");
 document.write("<b>utctime</b>" + utctime); 
 </script>

This is what supposed to look like


I have tried using different browser chrome,IE9,Maxtor, and Opera my OS is Win7

Hi - I have a date in my javascript like this:

Mon Dec 12 00:00:00 UTC+0430 2011

I need to convert it to a date without the offset (the +0430).

I actually changed my computer's timezone to generate this offset - we have uses placing orders on our site who don't use UTC and it's throwing our orders out as they need to select a delivery date but it's passing the date with the offset.

How do I convert a date to UTC time?

Thanks

Hi brothers and sisters,

My first post here. I am trying to do a self-test system for my small company, everything is going smoothly so far however, I am facing some problem with setting a cut off time for doing the test. For example, my staff could not go in to the system after 8pm. Anyone had any idea on how to do it?? I have only some basic knowledge of php which I learn in school thus setting time limit might be too advance for me thus need you guys help.

Thank alot

Hi,

I have very little JS knowledge, on a scale of 1 - 10 I would give me a 1, so apologies if I have this completely backwards.

AIM:

I have a form that takes in times a person was doing an activity, and you can enter multiple times & activities in one go.

e.g.

Person A | Lunch | 12:00 - 13:00
| Meeting | 13:30 - 14:00


I need the JS to validate that Activity B (Meeting in the above example) does not overlap with Activity A (Lunch in the above example). It also needs to check this for all activity's so that none overlap with each other else output error.

I have managed to do this server side in PHP and will include the code as it may help show what I am trying to do better than Im explaining.


PHP Code

Code:

	$Code = $_POST['code'];
	$NumberofCodes = count($Code);
	$Start = array();
	$_POST['starthr'] = array_values($_POST['starthr']);
	$_POST['startmin'] = array_values($_POST['startmin']);
	$i = 0;
	foreach($_POST['starthr'] as $key1 => $value1) {
	$Start[(int)$i] = $_POST['starthr'][$key1] .":". $_POST['startmin'][$key1];
	$i++;
	}
	$Stop = array();
	$_POST['stophr'] = array_values($_POST['stophr']);
	$_POST['stopmin'] = array_values($_POST['stopmin']);
	$i = 0;
	foreach($_POST['stophr'] as $key1 => $value1) {
	$Stop[(int)$i] = $_POST['stophr'][$key1] .":". $_POST['stopmin'][$key1];
	$i++;
	}
		
	$i = 0;
	$j = 1;
	
	while ($i < $NumberofCodes){
		while(($j-1) < $NumberofCodes){
		
	if (($Start[$j] > $Start[$i] && $Start[$j] < $Stop[$i]) || ($Stop[$j] > $Start[$i] && $Stop[$j] <= $Stop[$i])) 
	{
		//Stop form executing and provide error information.
	}
	$j++;
	}
	$i++;
	}

JS Code (What I could manage)

Code:

	var i = 0;
	var j = 1;
	var Start = new Array();
	var Stop = new Array();
	var aa = new Array();
	var bb = new Array();
	
	while (i < counter){
		while((j-1) < counter){
	Start[i] = document.myform.elements('starthr['+i+']').value + ":" + document.myform.elements('startmin['+i+']').value;
	Stop[i] = document.myform.elements('stophr['+i+']').value + ":" + document.myform.elements('stopmin['+i+']').value;
	var a = toDate(Start[i],"h:m")
	var b = toDate(Stop[i],"h:m")
	
	aa[i] = a;
	bb[i] = b;
	
	
	function toDate(dStr,format) {
			var now = new Date();
	 		now.setHours(dStr.substr(0,dStr.indexOf(":")));
			now.setMinutes(dStr.substr(dStr.indexOf(":")+1));
			now.setSeconds(0);
		return now;
	
}	
	if ((aa[j] > aa[i] && aa[j] < bb[i]) || (bb[j] > aa[i] && bb[j] <= bb[i])) 
	{
		//Fail validation
	}
	else
	{
	        //Pass Validation
	}
	j++;
	}
	i++;
	}

Any help on this would great.




Thanks
Barry

I was changing the code on the Grey Box script to pop up only the first time someone came to the page.


The original code that controls this is:

Code:

AJS.AEV(window, 'load', function() {GB_show("The Kinniebrew Group", "http://therdkgroup.com/id18.html"); 											
	 }
	 );

and to make it work just the first time someone visits the page I changed to read:

Code:

  AJS.AEV(document, 'load', function() {
          // look for our strangely named cookie: 
		  if ( document.cookie.indexOf("zz1rr_xxG") < 0 )
          {
              // if not found...
              document.cookie = "zz1rr_xxG=yes"; 
              // set it for next time...without expire so session only
              // and show the box:
              GB_show("The Kinniebrew Group", "http://therdkgroup.com/id18.html");
          }
      }
	  )

I had this line of code working but it doesn't now after I did something to it. does anyone have an idea how I can modify this to make it work?

Hi. I am having a little trouble with the following code, I am unsure where the problem is I will start from the beginning. Let me know if this is correct.
1. asked to declare a variable named timeStr=to the value returned from the showDateTime() function.
2.declare a variable named mapNum equal to the value returned from the getMap() function.
Code:

<title>SkyWeb: The Planisphere</title>
<link href="skyweb.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="datetime.js"></script>
<script type="text/javascript">
function timestr(){
/*
  timestr is a text string containing the current date and time
  mapNum is the number of the map to display in the planisphere
*/
		 var timeStr=showDateTime();
		var mapNum=getMap(); 
}
</script>
</head>

It asks me to scroll down to the div element with the id value "maps" and replace the line <img id="sky" src="sky0.jpg" alt=""/> with a script element that writes the following code<img id='sky' src='skymapNum.jpg' alt='' /> where mapNum is the value of the mapNum variable.

replace the date/time value "Jan 1 2007, 12:00 am" with a script element that writes the value of the timeStr variable to the web page.

Code:

<div id="maps">
   <img id="sky" src="sky0.jpg" alt="" />
   <img id="mask" src="mask.gif" alt="" />
   <div id="datetime">
      January 1, 2007, 12:00 am
   </div>
</div>

I have tried it several ways but have been unable to get this through my think head, I am new to JS the textbook isnt very explanitory as you guys have been. Thanks for your time.

How to know the execution time of a function?

For example, which of these functions run in less time? That is, which of these functions are more weightless to run?

Code:

document.getElementById("my_image").src = "images/picture.png";

//or

document.getElementById("my_image").style.webkitTransform = "rotate(45deg)";

Thanks in advance!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript">
var info = new Date()
var day = info.getDate()
var mon = info.getMonth()
var year = info.getFullYear()
var hour = info.getHours()
var min = info.getMinutes()
var sec = info.getSeconds()

alert(day+","+mon+","+year+","+hour+","+min+","+sec+",")

 if (day>=22 && mon>=5 && year>=2011 && hour>=12 && min>=00 && sec>=00)
   {
  document.write{ 
       <script src="//c.tadst.com/common/fullscreen2.js" type="text/javascript"></script><tr><td id="c1" align="center" valign="middle"><h2 align="center" class=c>Time <span id=el_u1>until</span> SUMMER HOLIDAYS </h2>
    <div align="center">
      <table class=wa>
      <tbody id=rs3><tr><td><span id=el_d1>7</span>&nbsp;<span id=el_d1t>days</span>, <span id=el_h1>19</span>&nbsp;<span id=el_h1t>hours</span>, <span id=el_m1>58</span>&nbsp;<span id=el_m1t>minutes</span>, <span id=el_s1>18</span>&nbsp;<span id=el_s1t>seconds</span></td></tr></tbody></table>
    </div>
    <h2 align="center"><span class="c">that is</span></h2>
  <p align="center"><script type="text/javascript">
<!--
et=1308231902;function f0(d){return ld[d.getUTCDay()]+','+' '+d.getUTCDate()+'.'+' '+lm[d.getUTCMonth()]+' '+pf(d.getUTCFullYear(),4)+', '+p2(d.getUTCHours())+':'+p2(d.getUTCMinutes())+':'+p2(d.getUTCSeconds());}
cks={el:{t:[{o:7200,a:'CEST',d:1}],f:f0,c:{t:1308736800E3}}};
lm=new Array();lm[5]='Juni';ld=new Array();ld[2]='Dienstag';ld[3]='Mittwoch';ld[4]='Donnerstag';//-->
    </script>
  </p>
  <div align="center">
    <table class="wa"> 
      <tbody id="rs1">
        <tr>
          <td id="el_d2" class="r dbl">7</td>
          <td class="dbl">&nbsp;</td>
          <td id="el_d2t" class="dbl">days</td>
          </tr>
        <tr>
          <td id="el_h2" class="r dbl">187</td>
          <td class="dbl">&nbsp;</td>
          <td id="el_h2t" class="dbl">hours</td>
          </tr>
        <tr>
          <td id="el_m2" class="r dbl">11275</td>
          <td class="dbl">&nbsp;</td>
          <td id="el_m2t" class="dbl">minutes</td>
          </tr>
        <tr>
          <td id="el_s2" class="r dbl">676517</td>
          <td class="dbl">&nbsp;</td>
          <td id="el_s2t" class="dbl">seconds</td>
          </tr>
        </tbody>
    </table>
    <script src="//c.tadst.com/common/common21.js?5" type="text/javascript"></script>
    <script src="//c.tadst.com/common/wcupd8.js?1" type="text/javascript"></script>
  </div> 
      };
   }
 else
   {
   document.write{
        <img src="happysummerholiday.jpg" width="285" height="200"  />
       };
   }
   </script>
</body>
</html>

The Red part is html coding. Doesn't seam to work - please help me. The idea is that after the date (22.06.2011 at 12:00) the content changes to the picture.

Thank you in advanced for helping me

Hi all.

I'm having a bit of a problem here.

The problem is I'm trying to calculate what EXACT time it is for 238 regions at the same time using their offsets, and as you well know there's 238 regions in the world. The problem is it's only calculating 1 exact time for 2 different offsets depending on what the offset is.

here's the code:

Code:

<script>
function calcTime(offset){
var offset=0;

var timezone="";
var region="";

timezone = "";

    // create Date object for current location
    var d = new Date();
    
    // convert to msec
    // add local time zone offset 
    // get UTC time in msec
    var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    
    // create new Date object for different region
    // using supplied offset
    var nd = new Date(utc + (3600000*offset));
    
    var tnd = nd.toLocaleString();
    
var x=0;
x=x+1;

if(x>238){x=238;}

for(var x=1;x<=238;x++){
if(x==1){offset = -5; if(offset == -5){timezone="CST";region="USA";}}
if(x==2){offset = 5; if(offset == 5){timezone="AST";region="Asia";}}
a="\The local timezone in \<b\>" + region + "\<\/b\> is \<b\>" + timezone + "\<\/b\> and the local time in \<b\>" + region + "\<\/b\> is \<b\>" + tnd + "\<\/b\>"+'\<br\>';
}
return a;
}
for(var x=1;x<=2;x++){
if(x==1){offset = -5;}
if(x==2){offset = 5;}
document.write(calcTime(offset));
}
</script>

ANY help is GREATLY appreciated, ANY ignorance is GREATLY ignored

Thanks!

~

p.s. the offsets provided are just a test they are not the actual offsets.

Hello everyone...

I have Javascript code here which gives the time (hours, minutes, seconds) and date (year, month, day), and it updates every second. What I want to do is redirect to a certain page every 10 minutes, on the 10th, 20th, 30th, 40th, 50th and 60th minutes.

The time displays and updates every second, but no redirect happens. Please fix my code! Thanks in advance.


Code:

<tr><td align="center">
<SPAN ID="clock"><?php echo date('d/m/Y <\b\r> H:i:s', time()); ?></SPAN>
</td></tr>

<SCRIPT type="text/javascript">

	var year2 = <?php echo date('Y', time()); ?>;
	var month2 = <?php echo date('m', time()); ?>;
	var day2 = <?php echo date('d', time()); ?>;
	var hour2 = <?php echo date('H', time()); ?>;
	var minute2 = <?php echo date('i', time()); ?>;
	var second2 = <?php echo date('s', time()); ?>;
	var daysInMonth = <?php echo date('t', time()); ?>;

	function updateClock()
	{
		second2+=1;
		if(second2>=60){second2=0;minute2+=1;}
		if(minute2>=60){minute2=0;hour2+=1;}
		if(hour2>=24){hour2=0;day2+=1;}
		if(day2>daysInMonth){day2=0;month2+=1;}
		if(month2>12){month2=0;year2+=1;}
		byt(nollor(day2)+"/"+nollor(month2)+"/"+year2+"<br />"+nollor(hour2)+":"+nollor(minute2)+":"+nollor(second2),"clock");

		updateUtlogg();
		redirect(minute2,second2);

	}

	var utloggUtloggad = false;

	function updateUtlogg()
	{
		if(utloggUtloggad)
		{
			return true;
		}

		return(true);
	}

	function nollor(nummer)
	{
		if(nummer<10)
		{
			tmp="0"+nummer;
		}
		else
		{
			tmp=nummer;
		}
		return tmp;
	}

	function byt(txt,lager)
	{
		if(document.getElementById(lager))
		{
			document.getElementById(lager).innerHTML=txt;
		}
	}


	function redirect(x,y)  {
	if(nollor(x)==0 && nollor(y)==0 || nollor(x)==10 && nollor(y)==0 || nollor(x)==20 && nollor(y)==0 || nollor(x)==30 && nollor(y)==0 || nollor(x)==40 && nollor(y)==0 || nollor(x)==50 && nollor(y)==0)
			{
	setTimeout("location.href = updateInterval.php;",0);
			}
				}


	var oInterval = window.setInterval("updateClock()",1000);

</SCRIPT>

I want to make a javascript clock (using Server time and not user computer time). After searching I have found the code on http://www.elated.com/articles/creat...ascript-clock/
The Code is:
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
#clock { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: white; background-color: black; border: 2px solid purple; padding: 4px; }
</style>

<script type="text/javascript">
<!--

function init ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("clock").appendChild ( timeDisplay );
}

function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}

// -->
</script>

</head>
<body onload="updateClock(); setInterval('updateClock()', 1000 )">

<div>
  <span id="clock">&nbsp;</span>
</div>


</body>
</html> 


The problem is that it (the code above) is using the users computer time.

(I found (in the comments of http://www.elated.com/articles/creat...ascript-clock/) that I should use:
PHP Code:
var currentTime = [serverValue goes here]; 


But I don't really know what should I put in the "serverValue goes here" ..... )


So how can I make this code to use the server time (and not the users time)?


Any Suggestion Will Be Helpfull

I solved the issue by completely removing the LINK, and simply adding the onclick function. thank you anyway.



--------------------------------






I'm sorry if perhaps my first post was to confusing, I hope I can better describe what I'm trying to achieve here.

Here's what's going on.

When a link is 'clicked' such as Code:

<a href="javascript:animatedcollapse.toggle('test')"> I expand and Collapse!</a>

it will 'expand' and 'collapse' a DIV. The script works completely fine, unless I try to place a Code:

<input type="button" value="myButtonValue" />

as the link, so I can submit the information through a php request.

if I use an image, or text, it works fine, but I need to be able to use a button.

You can see an example of a working and non-working 'collapsing and expanding DIV' if you Click Here.

Is there another way around this? I'd even venture to use another form of 'expanding' and 'collapsing' JavaScript if anyone could provide...

Thank you.