JavaScript - I Need A Zero Added For My Javascript Countdown. So 9 Looks Like 09

Hi all,

This is my first post on a forum regarding help so I'm sorry in advance.

I currently have a text based MMORPG.

I am trying to create a countdown timer for my functions(Crime, Car Steal and so on)

Code:

    window.setTimeout("Tick()", 1000);

    function Tick() {
        window.setTimeout("Tick()", 1000);
    }
	var Timer;
var TotalSeconds;


function CreateTimer(TimerID, Time) {
    Timer = document.getElementById(TimerID);
    TotalSeconds = Time;
    
    UpdateTimer()
    window.setTimeout("Tick()", 1000);
}

function Tick() {
    TotalSeconds -= 1;
    UpdateTimer()
    window.setTimeout("Tick()", 1000);
}

function UpdateTimer() {
    Timer.innerHTML = TotalSeconds;
}

function Tick() {
    if (TotalSeconds <= 0) {
        alert("Available")
        return;
    }

    TotalSeconds -= 1;
    UpdateTimer()
    window.setTimeout("Tick()", 1000);
}

function UpdateTimer() {
    var Seconds = TotalSeconds;
    
	var Days = Math.floor(Seconds / 86400);
    Seconds -= Days * 86400;
	
    var Hours = Math.floor(Seconds / 3600);
    Seconds -= Hours * (3600);

    var Minutes = Math.floor(Seconds / 60);
    Seconds -= Minutes * (60);


    var TimeStr = ((Days > 0) ? Days + " days " : "") + LeadingZero(Hours) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds)


    Timer.innerHTML = TimeStr + "Organised Robbery!";
}


function LeadingZero(Time) {

    return (Time < 10) ? "0" + Time : + Time;

}

Any help with regards to this would be greatly appreciated.

Thanks in advance

hi,
i need to create a javascript countdown based on the times given. If the start time is 17:45 and the end time is 19:32 (in that format) for example, how would i create a countdown for the time between 17:45 and 19:32. If anyone could point me in the right direction that would be great!
thanks

I'm stuck! - I have a search form, that when data is entered and submitted, the data is sent to another page! - this works well see eg below.

http://www.nctfleetlist.co.uk/normal.php

My problem is, I have a piece of javascript called "greybox", it basically loads an external page, dimming the first page and focusing on the external - see eg below.

http://www.nctfleetlist.co.uk/div4.php

The new window can be called via either a href "rel" link or an "onclick" command.

I have tried implementing the the two together but when I use the javascript to call the new window the data from the original form is not passed over! - this is what I have so far...

example 1 - using onclick command (http://www.nctfleetlist.co.uk/eg1.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit" onclick="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
</form>

example 2 - using onsubmit within the form tag (http://www.nctfleetlist.co.uk/eg2.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post" onSubmit="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit">
</form>

example 3 - using a javascript link to submit the form, adding a "rel" tag (http://www.nctfleetlist.co.uk/eg3.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<a href="#" onclick="document.forms[0].submit()" rel="gb_page_center[720, 300]">Search</a>
</form>

Any help is appreciated!

Hi everyone, now I need to add items into a dropdown list, and the items would be sorted alphabetically and it does not allow duplicate items to be added. Can anyone help take a look and see what's wrong with my code?

Javascript
Code:

function addAnotherOption()
{
        var newItem = document.getElementById("Text44"); 
        if (!newItem.value == "")
        {
            var answer = confirm ("Are you sure you want to add? ") 
            if (answer)//if answer is true
            {        
                var lst = document.getElementById('comboBox');  // listbox control id
                // Now we need to create a new 'option' tag to add to MyListbox 
                var newOption = document.createElement("option"); 

                newOption.value = newItem.value; // The value that this option will have 
                newOption.innerHTML = newItem.value; // The displayed text inside of the <option> tags
                for (var i = 0; i < lst.options.length; i++) 
                {
                    arrTexts = lst.options[i].text; 
                    if (arrTexts.toLowerCase() == newItem.toLowerCase()) 
                    {
                        alert ("That option is already included in the list - please enter another item.");
                        return false;
                    }
                    
                    else
                    {                                          
                        // Finally, add the new option to the listbox 
                        lst.appendChild(newOption);             
                        //sort items in listbox in alpha order
                        arrTexts = new Array();    
                        for(i=0; i<lst.length; i++) 
                        {
                            arrTexts[i] = lst.options[i].text;
                        }     
                                    
                        arrTexts.sort();
                        for(i=0; i<lst.length; i++)
                        {
                            lst.options[i].text = arrTexts[i];
                            lst.options[i].value = arrTexts[i];
                        } 
                     }
                }                                
            }
        }
        else
        {    
            if(newItem.value == "")
            {
                alert("Key something to textbox please.");
            }
                    
            else
                alert("Cancelled.");                
        }                              
 }

HTML

Code:

<input id="Text44" type="text" />
<input id="Submit22" type="submit" value="Add" onclick="addAnotherOption()" /><br />

<select name="combo" id= "comboBox" style="width: 323px">
                                    <option value="H">Hearts</option>
                                    <option value="D">Diamonds</option>
                                    <option value="C">Clubs</option>
                                    <option value="S">Spades</option>
</select>

Hi, I would like to prevent the addition of duplicate items in the following situation.

Firstly, I have a listbox with a few options such as

Code:

<select id="listbox" name="listbox" multiple="multiple" style="width: 580px;">
                                      <option>Java</option>
                                      <option>PHP</option>
                                      <option>Perl</option>
                                      <option>Javascript</option>
                                      <option>C#</option>
                                      <option>Powershell</option>                                      
</select>

Next, I have a submit button with a textbox. The user will be able to submit new options into the listbox via the textbox and submit button. Therefore, I need to prevent the user from entering duplicate items into the listbox. How should I do?

The following code is used to add items into the listbox.



Code:

function addItem()
{
        var lst = document.getElementById('listbox');  // listbox control id
        var newItem = prompt("Enter New Item","Enter Value Here"); 
        
        //Option object is created for every option in a selection
        //new Option([text[, value[, defaultSelected[, selected]]]]) // Syntax
        if(newItem == null)
        {
                return false;
        }
        
        else
        {
               lst.options[lst.length] = new Option(newItem,newItem,false,false);
               return false;
        }
}

Hi, i know i should have 2 fields for a first and last name in my form but i dont - and was wondering if someone would be able to help me with - or has - a java script valadation rule to only allow a one letter character (letter in between spaces such as a middle initial) in a text field if at least 2 words are also included (2 words of at least 2 or more characters)

so if the user input ' John H ' an error prompt would display until one more word is added/at least 2 words are found

right now im using the below coding to allow at least 2 words in the text field but would like to see if its possible to enhance it so it will only block a one letter word if there are less than 2 other words in the form - right now if any words is added with less than 2 characters it will display an error... if anyone knows of a better form of code that needs a minimum of 2 words added and still allows single characters such as middle initials to in a validation script i'd greatly appreciate your help... i get lost on validation process'

'cheers' in advance to anyone that may know of something or a site that can point me in a better direction

function(value,element){return this.optional(element)||/^((\b[a-zA-Z]{2,80}\b)\s*){2,}/

Hi folks,

I am in need of a functionality for a system where in there is PHP mysql system having a table "bid" which has columns(bid_product, "createtime")

basically if the user does not bid for the product within 20 hours the bid will close for this i need to display a timer which keeps counting till 5+ hours or so of the createtime, After a tiring search for timers i finally found a .Js which would work just fine for static values

Within the .js script when i tried to pass values from my database the timer does not change on itself but each time i have to refresh the page to check the time left.

Please have a look at the code and let me know what could be wrong

testingtime.php 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=iso-8859-1" />
	<title>Vott</title>
	<script type="text/javascript" src="js/testtime.js"></script>
	<style>
	p.timer{font-size:15px; color:#43C6DB; border: 2px solid #fc0;width: 100px; position: absolute; top: 350px; left: 375px;}
	</style>
	

</head>

<body>
<table style="background-color: #CCC" width="100%" border="0" cellpadding="12">
  <tr>
    <td width="78%"><h1>My Logo Image</h1></td>
  </tr>
</table>

	<span class="bids">
	
		<p class="timer"><b>bid Closes in :</br>
		<span id="timeleft"> <script>timeleft('<?php print($bid['createtime']); ?>')</script>
		</span></b></p></span></br></br>
		
		</body>
		</html>

The Javascript code
Code:

var eventtext = "Left"; // text that appears next to the time left
var endtext = "bids Closed!!"; // text that appears when the target has been reached

function timeleft(mydate){

// Split timestamp into [ Y, M, D, h, m, s ]
var t = mydate.split(/[- :]/);
// Apply each element to the Date function
var date = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);

// -> Wed Jun 09 2010 13:12:01 GMT+0100 (GMT Daylight Time)

var year = date.getYear();			// in what year will your target be reached?
var month = date.getMonth();			// value between 0 and 11 (0=january,1=february,...,11=december)
var day = date.getDate();				// between 1 and 31
var hour =date.getHours();				// between 0 and 24
var minute = date.getMinutes();			// between 0 and 60
var second = date.getSeconds();			// between 0 and 60
var end = new Date(year,month,day,hour,minute,second);
end.setMinutes(end.getMinutes() + 50);
	var now = new Date();
	if(now.getYear() < 1900)
		yr = now.getYear() + 1900;
	var sec = end.getSeconds() - now.getSeconds();
	var min = end.getMinutes() - now.getMinutes();
	var hr = end.getHours() - now.getHours();
	var dy = end.getDate() - now.getDate();
	var mnth = end.getMonth() - now.getMonth();
	var yr = year - yr;
	var daysinmnth = 32 - new Date(now.getYear(),now.getMonth(), 32).getDate();
	if(sec < 0){
		sec = (sec+60)%60;
		min--;
	}
	if(min < 0){
		min = (min+60)%60;
		hr--;	
	}
	if(hr < 0){
		hr = (hr+24)%24;
		dy--;	
	}
	if(dy < 0){
		dy = (dy+daysinmnth)%daysinmnth;
		mnth--;	
	}
	if(mnth < 0){
		mnth = (mnth+12)%12;
		yr--;
	}	
	var sectext = " Seconds ";
	var mintext = " Minutes, and ";
	var hrtext = " Hours, ";
	var dytext = " Days, ";
	var mnthtext = " Months, ";
	var yrtext = " Years, ";
	if (yr == 1)
		yrtext = " Year, ";
	if (mnth == 1)
		mnthtext = " Month, ";
	if (dy == 1)
		dytext = " Day, ";
	if (hr == 1)
		hrtext = " Hour, ";
	if (min == 1)
		mintext = " Minute, and ";
	if (sec == 1)
		sectext = " second ";
if(now >= end){
		document.getElementById("timeleft").innerHTML = endtext;
		clearTimeout(timerID);
	}
	else{
	//alert(now.getHours()+1);
	document.getElementById("timeleft").innerHTML =min + ":" + sec;
	//document.getElementById("timeleft").innerHTML = dy + dytext + hr + ":" + min + ":" + sec;
	}
	timerID = setTimeout("timeleft()", 1000); 
}
window.onload = timeleft;

i want a simple javascript countdown that counts down from 10 seconds to 0 and does NOTHING ELSE. im redirecting the page with a meta refresh and i want users to know when they'll be redirected, but most of the scripts found online have either minutes, hours, or days in them or have a javascript countdown after it's finished, which i don't want either since i'm doing a meta refresh.

i know making something like this isnt rocket science but i know almost NOTHING about javascript

Hi I hope I hit the topic I have a problem in java script i need it for an online game that I develop but not as I do not go javasript countdown or can help me I need a timer that counts down and ceases to move to the other side but not when Refresh to go back and allow you to set time thanks in advance

Hi peeps

I found this script on another forum, It is nearly perfect, I was wondering if you peeps could help me make a few changes...

how do I change the cut off to 8pm I have tried

var c_t = 8; but it does 8am

I have also tried

var c_t = 20; but it doesnt work...

Any ideas?

Also instead of just saying "your order will ship shifted to tommrow" would it be possible to insert tomorrows date, i.e Thursday 13th
and then for "and your order will ship to Monday" could it say Monday 15th etc

Here is the script,

Code:

<html>

<head>

<script type="text/javascript">
function ord()
{
var c_t = 4;

var dd = new Date();

var ti_h = dd.getHours();

var ti_m = dd.getMinutes();


if(ti_h > c_t)
{

var di_t_h = ti_h - c_t;

var di_t_mi = 60 - ti_m;

var h = 24 - di_t_h;

var mi = di_t_mi;

var mess = h+"hours"+mi+"minutes";

}



var da = dd.getDay();

//var da = document.getElementById("da").value;

switch(da)
{
case 2:
case 3:
case 4:
case 5:
document.write("Place your order within the next 1 day"+mess+"and your order will ship shifted to tommrow");
break;
case 6:
case 7:
case 1:
document.write("and your order will ship to Monday");
break;
}
}

ord();

</script>

</head>

<body>

</body>

</html>

I'm teaching myself JavaScript and created this animated countdown... I want to learn more advanced techniques, or shorthand code. If you see anything I can improve here or something that may not be suitable for a certain browser, please let me know...

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>History Countdown</title>
<style>

	* {
		margin: 0;
		padding:0;
	} 

	p {
		font-size: 1em;
		color: white;
		position: absolute;
		left: 450px;
	}
	
	#insertHere {
		background-color: #000;
		padding: 10px;
		width: 300px;
		height: 40px;
		position: relative;
	}
	
	#list {
		border: solid black 3px;
		height: 700px;
		width: 320px;
	}
	
	h3 {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	form {
		text-align: center;
	}

</style>


<script>

		function gogo(){	
			
				var number = 2011;
				
				document.getElementById('formArea').innerHTML = "";

				var pixelCount = 450;
				var intervalCount = 0;
				var opacityValue = 0;
				var pixels = 65
				var ems = 1;

			var beginCount = setInterval(countDown, 1000)
			
			function countDown() {
				
				if(number==0){
					clearInterval(beginCount);
					clearInterval(mover);
					alert ("done");
				}
				
				intervalCount = 0;
				pixelCount = 450;
				pixels = 65;
				ems = 1;
				var opacityValue = 0;
				
			
				var mover = setInterval(moveNumber, 35);
				
				function moveNumber() {
					intervalCount += 1;
					if (intervalCount <= 12) {
						pixelCount -= pixels;
						opacityValue += .1;	
						document.getElementById('para').style.left = pixelCount + "px"
						document.getElementById('para').style.opacity = opacityValue;
						document.getElementById('para').style.fontSize = ems + "em";
						ems = ems + .1;
						pixels = pixels - 7;
					
						 if (intervalCount == 2) {
							document.getElementById('para').innerHTML= number;
							number -= 1;
					}
					
					}//end if
					else if (intervalCount == 13) {
						clearInterval(mover);
					}
				}
				}//moveNumber
	}

</script>
</head>

<body>
<div id="list"><div id="insertHere"><p id="para"></p><span id="done"></span></div>
<h3>History Countdown</h3>

<div id="formArea">
<form>
    <input type="button" value="Start" id="goButton" onclick="gogo()" />
</form>
</div>
</div>
</body>
</html>

I am very new to Javascript and I am hopeful someone can help me with this issue.

I am trying to create a weekly countdown timer that will countdown until a certain date and time in the week (Friday at 4 PM EST). Once that date is reached I would like to have the counter reset automatically and once the date and time is reached I would like to have the counter show the remaining time until the next 4 PM on Friday.

I would like to be able to show how many days, hours, minutes, and seconds are left between the current time and set time.

I have found some code on this site already and I have started to modify it to try and achieve what I am after but I am running into issues. I can not get my day calculation to work as well as figure out how to change the end date that the timer counts down until.

I had thought about calculating the seconds left until that date and subtracting the current time (seconds) from that number to give me a time value, but I'm not sure if that is the best practice?

Any help would be greatly appreciated.

Here is my code:

Code:

<html>
<head>

<script type = "text/javascript">

function getSeconds() {
var now = new Date();
var time = now.getTime(); // time now in milliseconds
var midnight = new Date(now.getFullYear(),now.getMonth(),now.getDate(),0,15,0); // midnight 0000 hrs
// midnight - change time hh,mm,ss to whatever time required, e.g. 9,15,0 (0915)
var ft = midnight.getTime() + 86400000 + 43200000; // add one day 12 hours
var offset = now.getTimezoneOffset(); // local time in minutes vs GMT
offset = offset * 60000; // milliseconds
ft = ft + offset;
var diff = ft - time;
diff = parseInt(diff/1000);
if (diff > 129600) {diff = diff - 129600}
startTimer (diff);
}

var timeInSecs;
var ticker;

function startTimer(secs){
timeInSecs = parseInt(secs);
ticker = setInterval("tick()",1000);
tick(); // to start counter display right away
}

function tick() {
var secs = timeInSecs;
if (secs>0) {
timeInSecs--;
}
else {
clearInterval(ticker); // stop counting at zero
//getSeconds(); // and start again if required
}
var days = Math.floor(secs/864000);
secs %= 86400;
var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var result =  + days + " days " + ((hours < 10 ) ? "0" : "" ) + hours + " hours " + ( (mins < 10) ? "0" : "" ) + mins
+ " minutes " + ( (secs < 10) ? "0" : "" ) + secs + " seconds ";
document.getElementById("countdown").innerHTML = result;
}


</script>

</head>

<body onload = "getSeconds()">

<span id="countdown" style="font-weight: bold;"></span>

</body>
</html>

I am looking for a javascript code for this idea under this message

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

I want to create a kind of shopping website so when you click on a image or text it will add some text to a textarea,, it will include the name of item and price of an item

Voting button on the poll in the left column works fine if you take the sharethis javascripts out. Why won't they work together though?

<script type="text/javascript" src="http://www.claimsheaven.co.uk/polls/admin/script.js"></script>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

e.g. on this page:

http://www.claimsheaven.co.uk/news/20120305.php

My html form code is

<html>
<head>
<script type="text/javascript" src="2.js"></script>
</head>
<body>
<h1 id="remain"></h1>
<form action="3.php" method="post" id="form1" name="form1">
<input type="text" name="id">
<input type="submit" name="submit" value="submit">
</form>
</body>
</html>

I need to submit the form after coundown.Here is my countdown script file

window.onload=counter;
function counter()
{
var seconds = 5;
countDown();
function countDown()
{
document.getElementById("remain").innerHTML=seconds;
if(seconds>0)
{
seconds=seconds - 1;
setTimeout(countDown,1000);
}
if(seconds == 0)
{
document.form1.submit();
}

}
}


Countdown is working but form does not submit after countdown.Please help me regarding this.Thanks in advance