I am working on a hw assignment which gave step-by-step instructions, but my page is still not displaying right (the instructions were pretty vague, but I followed them as the chapter described). I have only had one chapter of JavaScript (in this class which is HTML) so I'm not very familiar with it. I've gone over the code a bunch of times, but still cannot find where I went wrong. Nothing shows up on the web page at all, and I'm not sure why. Here's the code for the .js file: Code:
Here is yet another project of mine...ive got most done but the timers are working in milliseconds and the hours, minutes, and seconds arent working right. heres the code.
THE .JS FILE /* Function List: showDateTime(time) Returns the date in a text string formatted as: mm/dd/yyyy at hh:mm:ss am changeYear(today, holiday)
[Code]...
yes ive done all the coding just cant figure out why the timers wont work correctly.
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 [code]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?
I have managed to find something what I want on the internet (Date Countdown Timer) but the only problem with it is that it will countdown to the date according to the persons location, I want something really simple, I want a 60 Minute Countdown that isnt relative to anyones location.
This is what im using at the moment: [url]
If it was possible to ammend the time to (servertime) or something other than the users geo-location timezone, it would be perfect.
This is what I have sofar: [url] [url]
Also on the timer how would I do a replace when seconds is less than 10, it currently displays (45:9 instead of 45:09)
how would i edit the code below so instead of today is day 16 of the month to an actual date eg Today is 10/11/2011 (dd/mm/yyyy or mm/dd/yyyy compatible). I need the code to execute on a specific date.
<script type="text/javascript"> var Date = new Date(); var Today = Date.getDate(); if(Today == 16)
I found the below script that works fine for the actual countdown, but when the user refreshes the page, the countdown starts from 5 minutes again.
What I am trying to do, is handle users that put something in their shopping cart and then get side tracked or what ever reason and that same product then being purchased by another person when I only have 1 left.
So using PHP I am going to subtract the qty of that product by 1 and then I want the website to either put it back, if the users checkout times out, or if a normal process it is taken out permanently.
So long story short I think I need some sort of 'memory' for the javascript, so the user can't just keep refreshing and it starting from 5 minutes each time. Also it needs to be carried through to other pages.
I'm really struggling to write a bit of JS that displays the amount of time left to when your order will be shipped.For Example: If it's
1:05pm on Sunday, it would say: "Place your order within the next 1 day 2 hours 55 minutes and your order will ship Monday"
Another example: If it's 2:00pm on Saturday, it would say: "Place your order within the next 2 hours and your order will ship today"
I need to be able to change the cut off point from 4pm if needed...It must also ignore bank holiday (Ideally, it would have a section in the code where I could put all 'excluded' dates, e.g. 12/25/2009, 01/01/2010, etc. - This way I could keep it up to date).The code must take into account that we only deliver Monday to Friday (Therefore on a Friday after 4pm, it would not say delivery tomorrow, but Monday).Once the deadline hits (4pm), the countdown jumps back up to accommodate tomorrow's deadline, etc.Amazon does a very similar thing,
Im putting together a pair of countdown timers that need to restart every 24 hours. One restarts at noon and the other at midnight. Im using Keith Woods plugin @ [URL]
So far I have been able to implement his serverTime function to sync to the servers clock and instantiated 2 countdown timers. so far so good.
What I need to do now is 2 things:
1. I need to define today + X hours to countdown to instead of setting a exact date like in this example:
var noonCountDown = new Date(); noonCountDown = new Date(noonCountDown.getFullYear() + 0, 5 - 1, 28, -12);// 2011, May, 28, 12pm
2. Once today is defined dynamically I believe that may just solve the problem and reset the timer. But I may not be thinking clearly here. So I guess Im just wondering if this is how you would go about making the countdown restart upon completion.
Here is my code that Ive got so far:
$(function () { function serverTime() { var time = null; $.ajax({url: 'http://www.localhost.com/projects/countdown/servertime.php',
I've got the following JS function that does a basic countdown to a specific date. I have a series of dates, and rather than change the date manually each time the previous one has passed, I'd like to automate it a bit and have it just read the date from an array, and use that date for the countdown. The check would be if the countdown'd date has already passed. Here's what I currently have:
<script language="javascript"> // date/countdown
function showDate () { var now = new Date(); var date = now.getDate(); var month = now.getMonth() + 1; var year = now.getYear();
currentDate = now.getMonth() + 1; window.status = month + "/" + date + "/" + year + " thisdomain.com ";
var roundCDiv = document.getElementById('roundC'); var showDate = month + "/" + date + "/" + year; //roundCDiv.innerHTML = showDate;
// countdown var nextDateB = new Date("October 30, 2005"); var diffB = nextDateB.getTime() - now.getTime(); var daysLeftB = Math.ceil(diffB / (1000 * 60 * 60 * 24)); var roundBDiv = document.getElementById('countdown'); //roundBDiv.innerHTML = daysLeftB + " days until ...; roundBDiv.innerHTML = daysLeftB; roundBDiv.innerHTML = daysLeftB + " "; }
What this function does is countdown the value of an HTML table-cell to zero (minus 1 every second) then stop counting that specific cell when it's finished. This works perfectly, the problem is that when it is called AGAIN for a different table-cell, the previous cell starts reducing its value by 2 every second instead of 1. This function supports the Hour:Minuteecond format. So, how would I make this function so that I can call an infinite number of different table cells, and the previous table cells timers would not be affected (they would still countdown 1 per second as they should)?
This is the code which CALLS the function, where $i is 1-5 inclusive, defined by PHP: timer('ff".$i."', ". rand(1,100) ."); This is the BODY of the function itself, called by the above command var running = new Array(50); function timer(data, id){ //clearTimeout(id[data]); var id=new Array(50); // usage: var id=new Array(50); timer('cq0'); dat=document.getElementById(data); var time=(dat.innerHTML).split(":"); var done=0; if(dat.innerHTML == null) { done = 1; alert('null'); } if (time[2]>0) time[2]--; else { time[2]=59; if (time[1]>0) time[1]--; else { time[1]=59; if (time[0]>0) time[0]--; else { clearTimeout(id[data]); done=1; running[data] = 0; renderStack(); }}} if (!done){ dat.innerHTML=time[0]+":"+time[1]+":"+time[2]; id[data]=setTimeout("timer('"+data+"')", 1000); running[data] = 1; }}
I'm using a javascript-based countdown timer that currently uses the client's system time to calculate the countdown. I assume that this line of code is where this is performed:
Code:
I'm trying to make the script use server time instead as some people may have wrong dates/times set or live in different time zones etc.
So what I did was use a bit of php:
PHP Code:
This gives a result but now the countdown is 30 days off. I am testing on my local xampp server (which also uses system time) so there should be no discrepancy. I also tried adding
Code:
But no difference.
I can post the whole script if required but it is reasonably long.
I have a function I call to see if people leave form fields empty. I have been asked by a client to check to make sure of the person's date of birth as well. They gave me the script, however, I am unsure how to do implement it. How do I add this to my existing checks? Code:
I have a start date and end date text boxs. What I would like to achieve is when a submit button is clicked all the available dates between start and end dates should be displayed together with 3 check boxes next to each date (please see below). I am just wondering whether that'sachievablewith jquery, and if so, how I might be able to implement this.
The problem is, the date displays correctly as a complete date in an alert box but when I try to build the date from the components (i.e d.getMonth() etc...) the result is an incorrect date.
How can the date be both correct and incorrect at the same time? The intial alert(d); displays correctly, but the alert(t + "/" + m + "/" + y); does not. Code:
After reading section 15.9.1.1 the ECMAScript Language Specifications I see that the date range for the Date function is +/- 100,000,000 days from 01 Jan 1970. This is called an extrapolated Gregorian calendar. Since the Gregorian calendar did not begin until 15 Oct 1582 what is the purpose of dates before that date? Wouldn't any computation prior to that date be meaningless or am I missing something?
The reason I ask is that I have created a date calculator at my web site. I don't want it to do computations with dates that have no meaning.
Columbus discovered america on 12 Oct 1492. This must have been with the Julian Calendar. If I used the Date function to see how many days it was from that date until now would it be correct?
I am creating a form with a date field. i want the date field to autofill onload. The form will then be submitted to a database. My question then, is should I auto fill the date with JS from the users computer, or with PHP from the server that contains the DB, where the report will be stored?
I am working on an HTML project that displays a field with a number in the field by each day. What it does is start at 0 on day one. Each day it adds a 1 to the field. Day 2, the field would say 1, then day 3 would say 2, and so on. I am not sure how to approach this. This is also displayed in an HTML format. I want to to be automatic and change as the date changesI will also need a way to reset it back to zero if possible.
I am trying to create a function that takes a users input in the form xx/xx/xxxx. Then I need to figure out a way to compare to a new date and give which day of the year it is when using: alert("This is the" +foo+ "day of the year."). Im alittle confused on how to take the users input and compare it somehow to give me the day of the year.:cool:
Okay, this an attempt to port PHP's date() function as much as possible to JavaScript. Could use some refactoring though. Any critique, comments, appraisal and any other opinion is very welcome. Feel free to discuss and also take a look at beetles code here: http://www.codingforums.com/showthread.php?s=&threadid=11069
Oh, and the date() function is described here: http://www.php.net/manual/en/function.date.php
Date.prototype.format = function (formatStr) { var heap = formatStr.split(""); var resHeap = new Array(heap.length); var escapeChar = ""; // you can change this to something different, but // don't use a character that has a formatting meaning, // unless you want to disable it's functionality
// go through array and extract identifiers from its fields for (var i = 0; i < heap.length; i++) { switch(heap[i]) { case escapeChar: resHeap[i] = heap[i+1]; i++; break;
case "a": // "am" or "pm" var temp = this.getHours(); resHeap[i] = (temp < 12) ? "am" : "pm"; break;
case "A": // "AM" or "PM" var temp = this.getHours(); resHeap[i] = (temp < 12) ? "AM" : "PM"; break;
case "d": // day of the month, 2 digits with leading zeros; i.e. "01" to "31" var temp = String(this.getDate()); resHeap[i] = (temp.length > 1) ? temp : "0" + temp; break;
case "D": // day of the week, textual, 3 letters; i.e. "Fri" var temp = this.dayNames[this.getDay()]; resHeap[i] = temp.substring(0, 3); break;
case "F": // month, textual, long; i.e. "January" resHeap[i] = this.monthNames[this.getMonth()]; break;
case "g": // hour, 12-hour format without leading zeros; i.e. "1" to "12" var temp = this.getHours(); resHeap[i] = (temp <= 12) ? temp : (temp - 12); break;
case "G": // hour, 24-hour format without leading zeros; i.e. "0" to "23" resHeap[i] = String(this.getHours()); break;
case "h": // hour, 12-hour format; i.e. "01" to "12" var temp = String(this.getHours()); temp = (temp <= 12) ? temp : (temp - 12); resHeap[i] = (temp.length > 1) ? temp : "0" + temp; break;
case "H": // hour, 24-hour format; i.e. "00" to "23" var temp = String(this.getHours()); resHeap[i] = (temp.length > 1) ? temp : "0" + temp; break;
case "i": // minutes; i.e. "00" to "59" var temp = String(this.getMinutes()); resHeap[i] = (temp.length > 1) ? temp : "0" + temp; break;
case "I": // "1" if Daylight Savings Time, "0" otherwise. Works only on the northern hemisphere var firstDay = new Date(this.getFullYear(), 0, 1); resHeap[i] = (this.getTimezoneOffset() != firstDay.getTimezoneOffset()) ? (1) : (0); break;
case "J": // day of the month without leading zeros; i.e. "1" to "31" resHeap[i] = this.getDate(); break;
case "l": // day of the week, textual, long; i.e. "Friday" resHeap[i] = this.dayNames[this.getDay()]; break;
case "L": // boolean for whether it is a leap year; i.e. "0" or "1" resHeap[i] = (this.getFullYear() % 4) ? false : true; break;
case "m": // month; i.e. "01" to "12" var temp = String(this.getMonth() + 1); resHeap[i] = (temp.length > 1) ? temp : "0" + temp; break;
case "M": // month, textual, 3 letters; i.e. "Jan" resHeap[i] = this.monthNames[this.getMonth()]; break;
case "n": // month without leading zeros; i.e. "1" to "12" resHeap[i] = this.getMonth() + 1; break;
case "O": // Difference to Greenwich time in hours; i.e. "+0200" var minZone = this.getTimezoneOffset(); var mins = minZone % 60; var hour = String(((minZone - mins) / 60) * -1);
case "r": // RFC 822 formatted date; e.g. "Thu, 21 Dec 2000 16:01:07 +0200" var dayName = this.dayNames[this.getDay()].substr(0, 3); var monthName = this.monthNames[this.getMonth()].substr(0, 3); resHeap[i] = dayName + ", " + this.getDate() + " " + monthName + this.format(" Y H:i:s O"); break;
case "s": // seconds; i.e. "00" to "59" var temp = String(this.getSeconds()); resHeap[i] = (temp.length > 1) ? temp : "0" + temp; break;
case "S": // English ordinal suffix for the day of the month, 2 characters; i.e. "st", "nd", "rd" or "th" var temp = this.getDate(); var suffixes = ["st", "nd", "rd"]; var suffix = "";
case "t": // number of days in the given month; i.e. "28" to "31" resHeap[i] = this.getDay(); break;
/* * T: Not implemented */
case "U": // seconds since the Unix Epoch (January 1 1970 00:00:00 GMT) // remember that this does not return milisecs! resHeap[i] = Math.floor(this.getTime() / 1000); break;
case "w": // day of the week, numeric, i.e. "0" (Sunday) to "6" (Saturday) resHeap[i] = this.getDay(); break;
case "W": // ISO-8601 week number of year, weeks starting on Monday var startOfYear = new Date(this.getFullYear(), 0, 1, 0, 0, 0, 0); var firstDay = startOfYear.getDay() - 1;
case "y": // year, 2 digits; i.e. "99" resHeap[i] = String(this.getFullYear()).substring(2); break;
case "Y": // year, 4 digits; i.e. "1999" resHeap[i] = this.getFullYear(); break;
case "z": // day of the year; i.e. "0" to "365" var firstDay = Date.UTC(this.getFullYear(), 0, 0); var thisDay = Date.UTC(this.getFullYear(), this.getMonth(), this.getDate()); resHeap[i] = Math.floor((thisDay - firstDay) / (1000 * 60 * 60 * 24)); break;
case "Z": // timezone offset in seconds (i.e. "-43200" to "43200"). resHeap[i] = this.getTimezoneOffset() * 60; break;
I am working on a series of functions that I keep getting asked about. The following three scripts do this: --Date Validation --Calculate Difference Between Dates --Date Addition or Subtraction
I am sure that these have been done before, but I just filled the last 20 minutes by coding these. I only did a quick browser test, nothing extensive. <script> //Date Validation function DateValid(mo, dy, yr){ TheDate = mo+"/"+dy+"/"+yr; Date1 = new Date(TheDate) D=Date1.getDate(); M=Date1.getMonth()+1; Y=Date1.getYear(); [Code] .....
