JavaScript - Looped Weekly Javascript Countdown (auto-reset)

Hi i have very little javascript experience and need some help, i have made a rest button to reset select forms to there top value using this


function ResetForm(){
document.getElementById('canvas').value = 6 ;
document.getElementById('acrlyic').value = 10 ;
}


is there a way to make so instead of having "value = 6;" it would just reset to the option with the smallest value?

it will be used on multiple pages were the same name select will have different values on the options

Hello,

I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible.

I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading:

Code:

<td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td>

The Javascirpt is the Facebook Share button that basically allows users that have Facebook to share the page there currently on in their Facebook status by pressing the button, but if there not logged in it shows the login page, not a problem just continue the script.

The current button i which is what i want to load automatically in the PHP file is located here, to test the functionalilty just click "Share" button in blue..

http://watch-movies-online.anyfilman...-Movie-17.html

To summarise, i would like the above Javascript code to execute automatically upon pageload of this PHP file.. http://www.watch-movies-online.anyfi...p://google.com.

If that could be done, and if this also is possible.. i would like for the "Share" button on the external page that is loaded from the Javascript code above to be clicked automatically so in effect when ever someone visits the PHP page after clicking "Click Here to Watch/Stream 2012 Online For Free" on this page it will automatically load the Facebook Share box, and automatically click the "Share" Button and then close the page if possible, but not required.

Please feel free to ask any questions, i'll be happy to answer.

Thanks in advance.

Best Regards,
Jonathan.

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

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

Hey Everyone,

I'm happy to have joined this forum. I have a javascript countdown but the digits countdown like 14 13 12 11 10 9 8 7 ... and I want it to look like 14 13 12 11 10 09 08 07.... I need this done for Days Hours Minutes and Seconds.

Here is the code. Thank you in advanced for your help.

Code:

<script type="text/javascript">
function cd() {
	var now = <?php echo $now; ?>;
	var target = <?php echo $target; ?>;
	var horizvert = '<?php echo $horizvert; ?>';
	var daytext = '<?php echo $daytext; ?>';
	var daystext = '<?php echo $daystext; ?>';
	var hourtext = '<?php echo $hourtext; ?>';
	var hourstext = '<?php echo $hourstext; ?>';
	var minutetext = '<?php echo $minutetext; ?>';
	var minutestext = '<?php echo $minutestext; ?>';
	var secondtext = '<?php echo $secondtext; ?>';
	var secondstext = '<?php echo $secondstext; ?>';
	var whatnow = '<?php echo $whatnow; ?>';
	var redirect = '<?php echo $redirect; ?>';
	
	timediff = target - now;
	
	var daysleft = 0;
	var hoursleft = 0;
	var minutesleft = 0;
	var secondsleft = timediff;		

	if (timediff >= 60) {
		secondsleft = timediff % 60;
		minutesleft = (timediff - secondsleft) / 60;
	}

	if (minutesleft >= 60) {
		timediff = minutesleft;
		minutesleft = timediff % 60;
		hoursleft = (timediff - minutesleft) / 60;
	}

	if (hoursleft >= 24) {
		timediff = hoursleft;
		hoursleft = timediff % 24;
		daysleft = (timediff - hoursleft) / 24;
	}
	
	var gmctime = document.getElementById("gmctime");
	var gmctimetext = '';
	
	var gmccountdown_timer = setInterval(gmcTimer, 1000);

	function gmcUpdateDivHorizontal() {
		gmctimetext = '';
		gmctimetext += (daysleft) ? daysleft + (daysleft==1 ? ' '+daytext+' ' : ' '+daystext+' ') : '';
		gmctimetext += (hoursleft || daysleft) ? hoursleft + (hoursleft==1 ? ' '+hourtext+' ' : ' '+hourstext+' ') : '';
		gmctimetext += (minutesleft || hoursleft || daysleft) ? minutesleft + (minutesleft==1 ? ' '+minutetext+' ' : ' '+minutestext+' ') : '';
		gmctimetext += secondsleft + (secondsleft==1 ? ' '+secondtext+' ' : ' '+secondstext+' ');
		gmctime.innerHTML = gmctimetext;
	}
	
	function gmcUpdateDivVertical() {
		gmctimetext = '';
		gmctimetext += (daysleft) ? daysleft + (daysleft==1 ? ' '+daytext+'<br />' : ' '+daystext+'<br />') : '';
		gmctimetext += (hoursleft || daysleft) ? hoursleft + (hoursleft==1 ? ' '+hourtext+'<br />' : ' '+hourstext+'<br />') : '';
		gmctimetext += (minutesleft || hoursleft || daysleft) ? minutesleft + (minutesleft==1 ? ' '+minutetext+'<br />' : ' '+minutestext+'<br />') : '';
		gmctimetext += secondsleft + (secondsleft==1 ? ' '+secondtext+'<br />' : ' '+secondstext+'<br />');
		gmctime.innerHTML = gmctimetext;
	}
	
	function gmcTimer() {
		if (secondsleft == 0 && minutesleft == 0 && hoursleft == 0 && daysleft ==0) {
			clearInterval(gmccountdown_timer);
			if (whatnow == 'text') {
				document.getElementById('gmcpre').style.display = 'none';
				document.getElementById('datetime').style.display = 'none';
				document.getElementById('gmcpost').style.display = 'none';
				document.getElementById('gmcafter').style.display = 'block';
			} else {
				window.location = redirect;
			}
			return;
		}
	
		if (secondsleft > 0) secondsleft--;
		else {
			secondsleft = (minutesleft || hoursleft || daysleft) ? 59 : 0;
			if (minutesleft > 0) minutesleft--;
			else {
				minutesleft = (hoursleft || daysleft) ? 59 : 0;
				if (hoursleft > 0) hoursleft--;
				else {
					hoursleft = (daysleft) ? 23 : 0;
					if (daysleft) daysleft--;
				}
			}
		}
		
		if (horizvert == 'Horizontal') {
			gmcUpdateDivHorizontal();
		} else {
			gmcUpdateDivVertical();
		}
	}
}
window.onload = cd;
</script>

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>

Hi i have a problem, i've been trying to fix this for the whole day

pls see my code below

Code:

for ($o = 0; $o <= $totalclass; $o++) 
{ 
	for($i = 1; $i <= 45; $i++)
	{
		if ($_SESSION['classification'][$o] == $i) 
		{
			$sql2="SELECT ClassDesc FROM tblclass WHERE ClassID = '$i'";
			$result2=mysql_query($sql2);
			
			// If successfully queried
			if($result2)
			{
				while ($row2 = mysql_fetch_assoc($result2)) 
				{
					$ClassDesc2 = $row2['ClassDesc'];
				}
			}
			//echo $ClassDesc2;
		?>
			<tr>
			<td bgcolor="FAFAF6" class="small" valign="top">Class <? echo $i; ?></td>
			<input type="hidden" name="<? echo "classid[]"; ?>" value="<? echo $i; ?>">
			<td bgcolor="FAFAF6">
			<textarea name="<? echo "specification[]"; ?>" COLS="50" ROWS="6" class="small" wrap="virtual" tabindex="<? echo $i; ?>"><? echo $ClassDesc2;?></textarea>
			<input type="button" value="Reset" onclick="window.reset();" name="reset">
			</td>
			</tr>
		<?			 
		}
	}
}

i've trying to create a button or image to reset one textarea (from whole array) and so far i've been unsuccessful.

i've seen this on other website and i know it is possible to do this, pls help!

Hi firstly, Hi im new and i know very little Javascript. i know a little html/css.

I want to have javascript use an array and show a quote on a website for one week and then change to another quote a week later, say every Monday it changes? I have 52 quotes for the year. Im not sure how to write it up? Someone helped me with this but this way just changes random when the page is refreshes. not really what I want.

<script type="text/javascript">
verses =
[
"quote 1",
"quote 2",
"quote 3",
"quote 4",
"quote 5",
]
var keyword = verses[Math.floor(Math.random()*verses.length)]

document.write(keyword);
</script>

thanks

I am working on a site for someone, and they asked me to have a small link-bar that has small thumbnail pictures next to every link. He wants the picture next to each link to change weekly, and what I was thinking of was having a small directory of imgs, he will have 31 in total, and name them 1-31.png, and have something similar to this:
var now = new Date();
var dd = now.getDate();
[code]
if (dd==1)
document.write('<img src="pic1.gif">')
else if (dd==2)
document.write('<img src="pic2.gif">')
else if (dd==3)
document.write('<img src="pic3.gif">')
else if (dd==4)
[code]
but what I am looking for mostly is for the ability for it to loop back through, so that after the 31st week, it starts right back to the first.

Hi all,

I am newbie to JS. I have the below task. Please advise.

I have a result set of a query being displayed on a page. (5000+ rows).

I have to provide a search capability, a search box which will enable to enter a position ID number and the entered position ID by the user should be selected from the results in a different color.

Can you please help me with the above. Thanks in advance

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