does anybody know of a way i can create a 60 second count down loop with a function of movement for every 1 second ?
i dont want it to show the count down just move text, or an object 1 space every 1 second
any ideals ?
Full Version: javascript looping
ok heres my progress so far, ive created a looping count down timer that counts 60 over and over again
now the trick is to have it move an object every second instead of write a number
any ideals any one,, ?
QUOTE
<script language="javascript">
<!--
var countdownValue='60';
var countdownValue2='60';
function countdownScript()
{
var showCountdown=document.getElementById('countdown');
showCountdown.innerHTML=countdownValue;
Timer=setTimeout("countdownScript();", 1000);
countdownValue--;
if(countdownValue<0)
{countdownValue=60}
}
//-->
</script>
</head>
<body>
<span id="countdown" style="position:absolute;top:10;left:20"></span>
<script language="javascript">
<!--
countdownScript();
//-->
</script>
<!--
var countdownValue='60';
var countdownValue2='60';
function countdownScript()
{
var showCountdown=document.getElementById('countdown');
showCountdown.innerHTML=countdownValue;
Timer=setTimeout("countdownScript();", 1000);
countdownValue--;
if(countdownValue<0)
{countdownValue=60}
}
//-->
</script>
</head>
<body>
<span id="countdown" style="position:absolute;top:10;left:20"></span>
<script language="javascript">
<!--
countdownScript();
//-->
</script>
now the trick is to have it move an object every second instead of write a number
any ideals any one,, ?
QUOTE (Lost Soul @ Jul 16 2005, 08:13 AM)
ok heres my progress so far, ive created a looping count down timer that counts 60 over and over again
now the trick is to have it move an object every second instead of write a number
any ideals any one,, ?
QUOTE
<script language="javascript">
<!--
var countdownValue='60';
var countdownValue2='60';
function countdownScript()
{
var showCountdown=document.getElementById('countdown');
showCountdown.innerHTML=countdownValue;
Timer=setTimeout("countdownScript();", 1000);
countdownValue--;
if(countdownValue<0)
{countdownValue=60}
}
//-->
</script>
</head>
<body>
<span id="countdown" style="position:absolute;top:10;left:20"></span>
<script language="javascript">
<!--
countdownScript();
//-->
</script>
<!--
var countdownValue='60';
var countdownValue2='60';
function countdownScript()
{
var showCountdown=document.getElementById('countdown');
showCountdown.innerHTML=countdownValue;
Timer=setTimeout("countdownScript();", 1000);
countdownValue--;
if(countdownValue<0)
{countdownValue=60}
}
//-->
</script>
</head>
<body>
<span id="countdown" style="position:absolute;top:10;left:20"></span>
<script language="javascript">
<!--
countdownScript();
//-->
</script>
now the trick is to have it move an object every second instead of write a number
any ideals any one,, ?
Try with some CSS, probarly something like this:
CODE
var showCountdown=document.getElementById('countdown');
showCountdown.innerHTML=countdownValue;
showCountdown.style['top'] += 1;
showCountdown.innerHTML=countdownValue;
showCountdown.style['top'] += 1;
hmm interesting ill see what i can work out thqanks for your ideal
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.