JavaScript - Help Converting Minutes To Hours And Minutes

Hello,

I understand that this question have been posted before several times. I looked at many of those threads and tried it but could not get it to work. So the idea is to use either cookies or html5 localstorage to control the java script behavior, but how do I really implement it on my code? Please help me out here on piecing all the code together. Either cookie/localstorage is fine.

Thanks in advance


Code:

<div id='cptup-ready'>
</div>
<script data-cfasync='false' type='text/javascript'>
//<![CDATA[
    window.captain = {up: function(fn) { captain.topics.push(fn) }, topics: []};
    // Add your settings he 
    captain.up({
        api_key: 'XXXXXXXX'
    });
//]]>
</script><script data-cfasync='false' type='text/javascript'>
//<![CDATA[
    setTimeout(function() {
        var cpt = document.createElement('script');
        cpt.type = 'text/javascript'; cpt.async = true;
        cpt.src = 'http' + (location.protocol == 'https:' ? 's' : '') + '://captainup.com/assets/embed.en.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(cpt);
     }, 31000)();
//]]>
</script>

hi,
I have three variables
- string openTime format hh:mm - eg "08:30"
- string closeTime format hh:mm eg "17:30"
- float lunchHours eg 1.5

Are there any js functions I can use to calculate how many hours the shop is open ?

thanks

Hi guys,
I've looked around the web and tried to find a Javascript Countdown, however, the only ones I could really find were the ones that countdown to a particular date (see below).
Code:

<script language="JavaScript">
TargetDate = "12/31/2020 5:00 AM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="/js/countdown.js"></script>

Problem is, it counts down to a particular date, and I don't want that. The reason why is because everyone's time will be different, and I want it to be a "global" countdown, fr an event happening on a website (like the launch of something).

Is it possible to, other then going by date, go by days/hours/minutes/seconds?

So if I enter say, 2 days, 5 hours, 0 minutes, 0 seconds, it'll start counting down EXACTLY 2 days and 5 hours, and not change per people's time zone?

Any help would be greatly appreciated. If someone can point me in the right direction, or has a code already developed, I'd really appreciate it..

Thank you so much!

I am wanting to display an image for 24 hours, how can I do this?

hi guys, as im still a noob at javascript, so im asking for your help, i didnt make this script, someone else did and i asked for their permission to change it to my needs, the problem is, i have it working for times that are over an hour long, but i need to also make it possible to display in just under an hour aswell, eg instead of 01:00:00 it would display 60:00 then 59:59 eg, so basically im asking, how can i take the hours out of this, without it currupting the entire JS?

Code:

var HAS_EXPIRED = 'Time has Expired!';
var IS_NONE = 'None';
function secondCountdown(s){
	
	if(s){
		
		var timeleft = document.getElementById('timeleft').innerHTML;
		
		if((timeleft == HAS_EXPIRED) || (timeleft == IS_NONE)) return false;
		
		timeleft = timeleft.replace('<font>', '');
		timeleft = timeleft.replace('</font>', '');
		
		var time = timeleft.split(":");
		
		var secs = time[2] * 1;
		var mins = time[1] * 1;
		var hrs = time[0] * 1;
		
		secs += (mins * 60) + (hrs * 3600);
		secs -= 1;
		
		if(secs <= 0){
			
			document.getElementById('timeleft').innerHTML = HAS_EXPIRED;
			return false;
			
		} else {
			
			hrs = Math.floor(secs/3600);
			secs -= (hrs * 3600);
			
			mins = Math.floor(secs/60);
			secs -= (mins * 60);			
							
			if(hrs < 10)	hrs = '0' + hrs;
			if(mins < 10)	mins = '0' + mins;			
			if(secs < 10)	secs = '0' + secs;
					
			document.getElementById('timeleft').innerHTML = hrs + ':' + mins + ':' + secs;
			
		}
		
	}
	
	setTimeout('secondCountdown(true)',1000);
	
}

bootloaderAdd('secondCountdown()');
bootloaderOn();

Cheers.

Dan

Changing Seconds to Hours in Timer

Code:

<script type="text/javascript">

// Javascript to compute elapsed time between "Start" and "Finish" button clicks
function timestamp_class(this_current_time, this_start_time, this_end_time, this_time_difference) { 
        this.this_current_time = this_current_time;
        this.this_start_time = this_start_time;
        this.this_end_time = this_end_time;
        this.this_time_difference = this_time_difference;
        this.GetCurrentTime = GetCurrentTime;
        this.StartTiming = StartTiming;
        this.EndTiming = EndTiming;
    }

    //Get current time from date timestamp
    function GetCurrentTime() {
    var my_current_timestamp;
        my_current_timestamp = new Date();              //stamp current date & time
        return my_current_timestamp.getTime();
        }

    //Stamp current time as start time and reset display textbox
    function StartTiming() {
        this.this_start_time = GetCurrentTime();        //stamp current time
        document.TimeDisplayForm.TimeDisplayBox.value = 0;      //init textbox display to zero
        }

    //Stamp current time as stop time, compute elapsed time difference and display in textbox
    function EndTiming() {
        this.this_end_time = GetCurrentTime();          //stamp current time
        this.this_time_difference = (this.this_end_time - this.this_start_time) / 1000; //compute elapsed time
        document.TimeDisplayForm.TimeDisplayBox.value = this.this_time_difference;      //set elapsed time in display box
        }

var time_object = new timestamp_class(0, 0, 0, 0);  //create new time object and initialize it

//-->
</script>

    <form>
        <input type="button" value="Start" onClick="time_object.StartTiming()"; name="StartButton">
    </form>
    <form>
        <input type="button" value="Finish" onClick="time_object.EndTiming()"; name="EndButton">
    </form>
    <form name="TimeDisplayForm">
    Elapsed time:
      <input type="text" name="TimeDisplayBox" size="6">
    seconds
    </form>

Hey everyone. I need a little help and I'm not an expert by any stretch of the imagination with javascript. I have a simple little code script and I'd like either the onClick function (or the entire code itself, whichever is easiest) to only load once every 24 hours for each IP address. So "123.1.22.333" should only get the effect of this code once every 24 hours regardless if they revisit my site 5 times a day let's say.

So here's my little script:
Code:

<script language="JavaScript">

function goNewWin() {

TheNewWin=window.open("http://google.com",'Google','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1');

TheNewWin.blur();

}
</script>

<body onClick="goNewWin()">

Any help would be very appreciated. Thanks!

I have the below form where the user enters the hours and minutes worked on a task. I want to be sure that the total for the form is at least 8 hours. How can I do that?



Code:

<form method="POST" onSubmit="return validateHours()" name="theForm" >
  
  <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p>
  <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p>

  <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p>

  <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p>

  <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

Hi,

I had a requirement in javascript.If I enter time as 12 it should automatically insert colon after hours and shoud allow user to enter minutes.

First enter hours 12

while we are ready to insert minutes it should automatically insert colon as well as minutes.

function autoTabTimes(input, len) {

if (input.value.length == 2) {
if (input.value.indexOf(":") == -1) {
input.value = input.value + ":";
}
var str = input.value.split(":");
if (str[0].length == 1) {
input.value = "0" + str[0];
}
}


if (input.value.length >= len) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input) + 1)].focus();

}

return true;
}

The above code is working but it is not allowing user to edit the time back space is not working.

I've done LOTS of Googling on this subject. I can write cookies beautifully to '[other data]; path=/Stats' but I can't figure out how on EARTH to read from it. How do I access the data there? If I just say path=/ then it will read beautifully, but I need to be able to have different paths for what I want this to ultimately do.

Hello,
I've been trying to figure this script out for awhile and I've hit a wall. Basically, what I want to do for my organization's website is to use JS to display an image containing our hours and have it change each day of the week.

The hard part (for me) is that there are certain days we're closed. Ideally, I'd like a separate "We're Closed" message to overwrite the image carrying our hours on specific days (major holidays like Xmas, New Years, Vet's Day, furlough periods, etc. etc.).

Here's the code I've managed to cobble together (I have a real basic understanding of JS, so I've been pulling scripts from sites offering free copy/pastecode):

[CODE]
<script language="javascript">

mytime=new Date();
mymonth=mytime.getMonth()+1;
mydate=mytime.getDate();
myday=mytime.getDay();
arday = new Array("sunday.png", "monday.png", "tuesday.png",
"wednesday.png", "thursday.png", "friday.png", "saturday.png");

document.write("<img src='" + arday[myday] + "'>");
if (mymonth==12 && mydate==24){document.write("<img src='closure.png'>");
}

</script>
[CODE]

For the most part, this code works just fine. However, if I jump my system clock to December 24, the "closure.png" comes up appears ALONGSIDE the hours image for that day of the week. In other words, I've got two images appearing right next to each other - that's not what I want.

How can I work the code in such a way that when a closure date comes up (in this case, 12/24), just the "closure.png" image shows up by itself?

Thank you all so much for your time and patience.

Not sure if this should be in the ASP forum or this one (probably could go either), so here goes. I don't know hardly any - probably best to say dont know any at all - javascript. However I have a need to convert some code from asp to js.

the code is checking to see if certain variables are null and if so counting how many of those variables are as such.

the ASP looks like this:
Code:

<%
Dim counter
counter = 0
if a <> "" then classcounter = classcounter + 1
if b <> "" then classcounter = classcounter + 1
if c <> "" then classcounter = classcounter + 1
if d <> "" then classcounter = classcounter + 1
if e <> "" then classcounter = classcounter + 1
if f <> "" then classcounter = classcounter + 1
%>

I need to know how to convert this to js so I can show this number to the user without sending data to the server first. I have searched the net for something similar but I am not having much luck finding any examples that do what I would like it to do (maybe this is not something that can/should be done in js?).

I hope this makes sense...thanks!

I am trying to convert following pesudocose to javascript. Dont know where am i messing it up. Any help will be great

PSEUDOCODE:

Program TaxCalc
Read purchase

If(purchase>=0 AND purchase<=7)
tax=0
else if(purchase>=8 AND purchase<=21)
tax=1
else if(purchase>=22 AND purchase<=35)
tax=2
else if(purchase>=36 AND purchase<=49)
tax=3
else if(purchase>=50 AND purchase<=64)
tax=4
else if(purchase>=65 AND purchase<=78)
tax=5
else if(purchase>=79 AND purchase<=92)
tax=6
else if(purchase>=93 AND purchase<=99)
tax=7
else print error the number should be >=0 and <=99

print tax

End Program

JAVASCRIPT that I have so far


<html>
<body>
<script type="text/javascript">
// Program name: Tax Calculation
// Purpose: Find tax for amounts under $1
// Name: Niral Patel
// Date: 2/15
START
//Declare variables
var purchase; //Amount to be entered by user
var tax; //Tax to be calculated

//Welcome the user
//Ask them to enter an amount less than a dollar

document.write("This program will help you calculate tax" + BR);
document.write("Please enter the amount, the amount has to be less than a dollar" + BR);

purchase = prompt("Enter the amount for which tax is to be calculated:",ES);
purchase = parseInt(purchase)


if (purchase >= 0 ) {
tax = 0
}

else if (purchase >= 7 ) {
tax = 0
}

else if (purchase >= 21 ) {
tax = 2
}

else if (purchase >= 35 ) {
tax = 3
}

else if (purchase >= 49) {
tax = 4
}

else if (purchase >= 64 ) {
tax = 5
}

else if (purchase >= 78 ) {
tax = 6
}

else if (purchase >= 92 ) {
tax = 7
}

else if (purchase >= 93 ) {
tax = 6
}

else if (purchase >= 99 ) {
tax = 6
}



else {
document.write("Number should be between 0 and 99." +BR);
}
display tax;

Stop


</script>
</body>
</html>

Hi, I was wondering - how can I convert something that a user draws inside canvas? Say, they draw a square, how could I convert that to print "You have drawn a square" - this would be posted to a text file.

Thanks in advance.