|
JavaScript - Timer That Inserts Script
I want to have a timer that add different scripts every time the ends. Im lost on how to accomplish this. I only want one of these divs to display at once.
Code: <div id="a1" class="tabcontent"> <script type='text/javascript' src='http://www.flashmajic.com/Google/test.js'></script> <script> random_imglink(); </script> </div> <div id="a2" class="tabcontent"> <script type='text/javascript' src='http://www.flashmajic.com/Google/test.js'></script> <script> random_imglink(); </script> </div> <script type="text/javascript"> myads.init(25000) </script> Similar TutorialsI realy need some help i pass the end_time of the script using ajax from a database then calculate the remaining time calculating the dif from the current time each second. It works for the first second then I get NaN error + the timer then refreshes back to the first output in a countinous loop.. the contents of my timer where the js does its job Code: <html>
<head>
<script type="text/javascript">
var xmlhttp;
var secs=0;
var mins=0;
var hours=0;
var days=0;
var t;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction(actionvar)
{
var urlString = getHash();
var string = 'time.php?hash='+urlString+'&action='+actionvar;
loadXMLDoc(string,function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("timer").innerHTML='';
var end_time=xmlhttp.responseText;
end_time = parseInt(end_time);
end_time = end_time*1000;
end_time = parseInt(end_time);
update(end_time);
var t = setTimeout(function(){myFunction(end_time);},1000);
}
});
}
function getHash(){
return document.getElementById('hash').innerHTML;
}
function update(end_time){
out="";
var d=new Date();
end_time = parseInt(end_time);
var time= parseInt(d.getTime());
var amount = end_time - time; // The time left in milliseconds
amount = parseInt(amount);
amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs
days=Math.floor(amount/86400);//days
amount=amount%86400;
hours=Math.floor(amount/3600);//hours
amount=amount%3600;
mins=Math.floor(amount/60);//minutes
amount=amount%60;
secs=Math.floor(amount);//seconds
if(days != 0){out += days +" "+((days==1)?"day":"days")+", ";}
if(hours != 0){out += hours +" "+((hours==1)?"hour":"hours")+", ";}
out += mins +" "+((mins==1)?"min":"mins")+", ";
out += secs +" "+((secs==1)?"sec":"secs")+", ";
out = out.substr(0,out.length-2);
document.getElementById('timer').innerHTML = out;
if(secs == 0 && mins == 0 && hours==0 && days == 0){
clearTimeout(t);
document.getElementById('timer').innerHTML='Boost ready';
}
}
</script>
</head>
<body style='background-image:url("main_bg.jpg");color:#580000'>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id='timer' align='center'></div>
<div align='center'>
<?php
require('global.php');
if(!isset($_SESSION['user'])){
header("Location: lol.php");
exit;
}
$id=$_SESSION['id'];
$q= mysql_query("SELECT * FROM loltimerclient WHERE id='$id'");
$row = mysql_fetch_assoc($q);
$hash=$row['hash'];
echo "<div style='visibility:hidden' id='hash'>$hash</div>";
echo '<button type="button" onClick="myFunction(0)">Start timer NOW!</button>';
?>
</div>
<div align='center'><a href='logout.php'>Logout</a></div>
</body>
</html>
And the php that retrieves the time from the database (this file passes its info through ajax to the first code) Code: <?php
require('global.php');
$hash = $_GET['hash'];
$action = $_GET['action'];
if(!isset($hash)|| !isset($action))
exit;
$search_hash = mysql_query("SELECT * FROM loltimerclient WHERE hash='$hash' LIMIT 0,1");
if(mysql_num_rows($search_hash) < 1)
exit;
$row=mysql_fetch_assoc($search_hash);
$id= $row['id'];
$q = mysql_query("SELECT * FROM loltimers WHERE user_id='$id' LIMIT 0,1 ");
$endtime = time() + (60*60*24);
if($action == 0)
if(mysql_num_rows($q) == 1){
mysql_query("UPDATE loltimers SET end_time='$endtime' WHERE user_id='$id'");
echo $endtime;
}
else{
if(mysql_num_rows($q) < 1){
mysql_query("INSERT INTO loltimers SET user_id='$id', end_time='$endtime' ");
echo $endtime;
}
}
else
if($action == 1){
$row2=mysql_fetch_assoc($q);
echo $row2['end_time'];
}
?>
Any help is greatly appriciated since i can;t seem to figure this out. Thx in advance! hi, I have a form with a tick at the end of each formfield: Code: <label>First Name<a href"#">click</a></label> <input class="text-input medium-input" type="text" id="medium-input" name="FirstName" /> <span class="input-notification success png_bg">Successful message</span> the style is currently set to display:none; I would like to use the FadeIn() method on the input-notification class when someone enters some text at the moment I am trying to test using a link to click on: Code: <script>
$("a").click(function () {
$("tab2").fadeIn(3000, function () {
$("span").fadeIn(100);
});
return false;
});
</script>
this doesn't work as I have 2 tabs and the link sends it back to tab1 I would like to know a script for when you have a page that can expire (or cannot be open again) --- a time limit for like 24 hours. Because I'm going to make a site where people can buy website designs, they buy it off paypal, they get redirected to a site where the code is located and the site will get expired in 24 hours -- then, they wouldn't be able to open the page again. If anyone knows the script, please post it here! Thank you x How could I lock an "Enter" link on an intro page with a 30 second timer that is displayed on the bottom of the page and disables the "Enter" link so that visitors have to wait 30 seconds to read the rules/announcements before entering?
Alright, im trying for my project to make 1 div scroll through a list of pictures. I have it so that it starts when I click the button. Now what im trying to do is after I start the timer I have the button changing values to 'Pause' instead of 'Start' but I can't figure out how to code to make the timer pause when i click the button again. Code: HTML:
<input id="timer"
style="position: absolute; font-size: 50px;
background-color: red;
top:750px;left: 800px;
height: 75px; width: 120px;"
type="button" value="Start"
onclick="myTimer = setInterval('picture()', 2000);
document.getElementById('timer').value = 'Pause';">
Code: Javascript:
function picture()
{
soccerImg.src = soccerPic[state];
state++;
if(state == 35)
{
state = 0;
}
}
Hi I am working on a chat application and am a bit stuck...In the database I have a field status which is set 1 for online and 0 for offline (PHP/MySQL)(at time of logging in/out), this shows the users status on a webpage. What I need is to know if there is a way I can set a timer so that if the user has been inactive for X amount of time, the database is auto updated and user is offline (1 set to 0). Thanks for any help I recieve I'm trying to build a time but it isn't displaying on screen Code: <html>
<head>
<script type="text/javascript">
function StartCounting(){
setInterval("DoCounting()", 1000)
}
function DoCounting(){
var obj =getElementbyId('countingtext');
obj.innerHTML = '' + Counter;
Counter++;
if( Counter > 10)
{
Counter = 0;
document.writeln("Timer Reset");
}
}
</script>
</head>
<body onload= "StartCounting()">
Here it is:<span id="countingtext"></span>
</body>
</html>
Hi everyone I need a function which will record the amount of time that a window has been open for. Upon load, the function should start a timer, and upon close, the function should store the number of minutes and seconds to a field on the form called 'Time'. My concern with this is whether you can write to a DOM element upon closre of a window, or whether we loose that ability as soon as the close event happens? if you could help priovide ideas around doing this then I'd be very grateful Dom Hello, i need one script, which will remove the timer and i’ll be able to start download the file without waiting the time… Okay, i dont need such things… I need only one simple thing… Without any premium accounts… It should remove the timer (30 sec)… That’s everything i want… Link: *HIDEN* Thanks. Contact me via pm or skype - bahurz1 hi , im newbie here and need some help from all the guru here , can some 1 help me out with iframe , i want an iframe can do auto reload on list sites after specific time , example after 10 seconds ifram will open google.com and after 10 seconds again iframe will reload yahoo.com and so on. please some one help me , i had try to search on google and others but still can find it , i apreciate all the help thank you I am making a website and the page is oriented around a countdown system. If the timer ever reaches 0, the whole thing will stop. Below are the specifics: I need a countdown timer that runs from 30 seconds to 0 seconds. If the timer is at 0 seconds, the script runs php code #1 (which makes the timer stop and if any user refreshes the page, it will still stay at zero). There is also two buttons. If user clicks on button #1, the timer will get reset to 30 seconds remaining. Then the script will run the php code #2 (which allows the timer to begin counting down again from 30 seconds). If user clicks on button #2, the timer will get reset to 5 seconds remaining and same thing follows as the first button. And obviously the timer should show the same number (seconds remaining) for all the users on the website! Thank You Hi everyone, I need a countdown timer that will count down exactly from a time that i set. i want it to count in this format: hh:mm:ss. i need it for a online shop , at the main page there are few products for sell and i want each one of them to have its own countdown timer. in addition when it will get to 00:00:00 i want that it will automatically add like 5 hours and continue counting down.. P.s i dont know javascript.. thanks guys hi, i am currently trying to write a javascript program; it would be for a library reservation system. this would be put on the computers with sessions from 15 minutes to 2 hours (in 15 minute chunks i.e, 15, 30, 45, 1 hour). this program would countdown the remaining time on their session, with pop-up messages appearing every so often. at the end of the session, the program will have to automatically log the user off. i am a student studying javascript, and haven't got any idea how to even start can anyone give me a helping hand to get me started. thanks I am trying to make an image show then stop showing. I am trying to use: document.image.src This is the code. <HTML> <HEAD> <!-- BlackHole Pointer Display/Hide --> <script language="javascript"> <!-- function blkhlpntr() { document.images.src="http://www.proamrodeo.com/gif/menu/blackholepointer.gif; setTimeout('blkhlpntr()',5000) } //--> </script> </HEAD> <BODY onload="setTimeout('blkhlpntr()',5000)" BGCOLOR="#FFFFFF"> <!-- Black Hole Pointer --> <DIV id="blkhlpntr" STYLE="position:absolute; top:70px; left:840px; width:90px; border-width:0; visibility:visible; z-index:1"> <img src="http://www.proamrodeo.com/gif/menu/blackholepointer.gif" width="15" height="48"> </DIV> </BODY> </HTML> This should load two(2) of the images to test it anyway. I keep getting an error message that document.image.src is null. hi guys, ive found the code for the perfect timer but cant for the life of me find the part to change the date to count down from. can anyone point it out? heres the code. <script language="JavaScript"> var countDownInterval=5; var countDownTime=countDownInterval+1; function countDown(){ countDownTime--; if (countDownTime <=0){ countDownTime=countDownInterval; clearTimeout(counter) window.location="file:///E:/................html"; return } if (document.all) //if IE 4+ document.all.countDownText.innerText = countDownTime+" "; else if (document.getElementById) //else if NS6+ document.getElementById("countDownText").innerHTML=countDownTime+" " else if (document.layers){ document.c_reload.document.c_reload2.document.write('WEDDING DAY IN... <b id="countDownText">'+countDownTime+'</b> minutes') </b> seconds') document.c_reload.document.c_reload2.document.close() } counter=setTimeout("countDown()", 1000); } function startit(){ if (document.all||document.getElementById) document.write('WEDDING DAY IN... <b id="countDownText">'+countDownTime+' </b> seconds') countDown() } if (document.all||document.getElementById) startit() else window.onload=startit setTimeout("location.href='http://www.wallpaperama.com'" , t) </script> Hello everyone. I'm using the script Old Pedant posted here (huge thanks man!), however, I'm looking to have the timer display six numbers at all times. For example: If the timer has 15 hours, 35 minutes, and 10 seconds left it is currently displaying as: 15:35:10 - Perfect! If the timer has 5 hours, 35 minutes, and 10 seconds left it is currently displaying as: 5:35:10 - Humm, not so perfect. In the second example, would like the timer to keep a zero in front of the hours when ever it drops below 10. So the second example should display as: 05:35:10. Any help is greatly appreciated. Posted below is the modified code I'm using. Thanks! Code: <html>
<head>
<script type="text/javascript">
// really really simple to get the time from the server
// this is for an ASP server:
//var serverTime = <%= DateDiff("s",#1/1/1970#,Now())%>;
// PHP Servers:
var serverTime = <?php echo time(); ?>;
// serverTime will hold the number of seconds since 1/1/1970 0:00:00 as it is on the server
// we must adjust it to compensate for GMT offset
// My server is on Pacific Daylight Time, so 7 hours offset:
serverTime += 0 * 3600; // 7 hours, 3600 seconds per hour
// NOTE: This adjustment MAY NOT be needed for PHP servers...I dunno.
//
// so calculate how far off the client is from the server:
var now = new Date();
var clientTime = now.getTime(); // number of *milliseconds* since 1/1/1970 0:00:00 on client
serverTime *= 1000; // convert server time to milliseconds, as well
// the client and server disagree by this much:
var clockOff = serverTime - clientTime; // could well be negative!
// hopefully you can see, from basic algebra, that
// serverTime = clientTime + clockOff
// we want target to be 0:00:00 of next day
var target = new Date( serverTime ); // serverTime in JS form
// so bump the day by one and leave time as 0,0,0:
target = new Date( target.getFullYear(), target.getMonth(), target.getDate() + 1 );
// and now ready for our timer countdown:
var ticker = null; // the interval timer
function countdown( )
{
var clientNow = ( new Date() ).getTime();
var serverNow = clientNow + clockOff; // see? this is where we use that offset!
var millisLeft = target.getTime() - serverNow; // milliseconds until server target time
var secsLeft = Math.round( millisLeft / 1000 );
var timeLeft;
var timeLeftWords;
if ( secsLeft <= 0 )
{
timeLeftWords = "Expired!";
timeLeft = "0 days 00:00:00";
clearInterval( ticker );
} else {
var secs = secsLeft % 60;
var minsLeft = Math.floor( secsLeft / 60 );
var mins = minsLeft % 60;
var hrsLeft = Math.floor( minsLeft / 60 );
var hrs = hrsLeft % 24;
var days = Math.floor( hrsLeft / 24 );
timeLeftWords = days + " days, " + hrs + " hours, " + mins + " minutes, " + secs + " seconds";
timeLeft =
+ (hrs < 10 ? "0" : "" ) + hrs + ":"
+ (mins < 10 ? "0" : "" ) + mins + ":"
+ (secs < 10 ? "0" : "" ) + secs;
}
document.getElementById("ticktock").innerHTML = timeLeft;
}
function startup( )
{
countdown(); // first time
setInterval( countdown, 1000 ); // then once a second
}
</script>
</head>
<body onload="startup()">
Time: <span id="ticktock"></span><br/>
</body>
</html>
Hi guys, I'm building a page which has a countdown timer on it (days, hours, mins) and I honestly really don't know much about Javascript at all. I have spent over half a day looking through tutorials and code snippets and think I'm close, but I'm still having trouble with the output. I need to pull out the days/hours/mins separately as they sit within different HTML elements. The days appear to be displaying correctly, but the hours is showing 3 digits instead of 2 and the mins is showing 5 digits instead of 2: 32 days, 764 hours, 45845 mins Here is the code I'm using: Code: var now = new Date();
var theevent = new Date("June 18 2011 10:00:00");
var seconds = (theevent - now) / 1000;
var mins = seconds / 60;
var hours = mins / 60;
var days = hours / 24;
ID=window.setTimeout("update();", 1000);
function update() {
now = new Date();
seconds = (theevent - now) / 1000;
seconds = Math.round(seconds);
mins = seconds / 60;
mins = Math.round(mins);
hours = mins / 60;
hours = Math.round(hours);
days = hours / 24;
days = Math.round(days);
document.getElementById('days').innerHTML = days;
document.getElementById('hours').innerHTML = hours;
document.getElementById('mins').innerHTML = mins;
ID=window.setTimeout("update();",1000);
}
Thanks a bunch in advance... Hi All, I am trying to set up a countdown function that will be called on the click of a button. Function is below Code:
function countDown(sec, min) {
sec--;
if (sec == -01) {
sec = 59;
min = min - 1;
} else {
min = min;
}
if (sec<=9) { sec = "0" + sec; }
time = (min<=9 ? "0" + min : min) + " min and " + sec + " sec ";
if (document.getElementById) { theTime.innerHTML = time; }
SD=window.setTimeout("countDown();", 1000);
if (min == '00' && sec == '00') { sec = "00"; window.clearTimeout(SD); }
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
});
However I get an error after one second. Script can be found here - http://www.jivalot.co.uk/m.php Can anyone help? Kind regards, Slate |
|||||||