Het zelfde script vaker gebruiken
Ik gebruik een javascript voor countdown timers op een pagina, nu heb ik op deze pagina 5 timers.
Als ik het script vaker gebruik werkt 1 timer en de rest blijven leeg.
Ik heb via google gevonden dat dit te maken heeft met de onload functie maar ik krijg het niet voor elkaar deze voor elk script te laten werken.
Dit is het script:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript">
window.onload = function() {
setInterval(tick,1000); tick();;
setInterval(tick,1000); tick();;
};
</script>
<script type="text/javascript">
var curTime = <?php echo $time; ?>;
var endTime = <?php echo $timeleft3; ?>; // ditto
function tick( )
{
var secs = endTime - curTime;
var days = Math.floor( secs / 86400 ); // 86400 seconds in a day
secs %= 86400;
var hrs = Math.floor( secs/ 3600 );
secs %= 3600;
var mins = Math.floor( secs / 60 );
secs %= 60;
document.getElementById("ticker1").innerHTML =
mins + " minutes, " + secs + " seconds";
++curTime;
}
</script>
<body onLoad="setInterval(tick,1000); tick();">
window.onload = function() {
setInterval(tick,1000); tick();;
setInterval(tick,1000); tick();;
};
</script>
<script type="text/javascript">
var curTime = <?php echo $time; ?>;
var endTime = <?php echo $timeleft3; ?>; // ditto
function tick( )
{
var secs = endTime - curTime;
var days = Math.floor( secs / 86400 ); // 86400 seconds in a day
secs %= 86400;
var hrs = Math.floor( secs/ 3600 );
secs %= 3600;
var mins = Math.floor( secs / 60 );
secs %= 60;
document.getElementById("ticker1").innerHTML =
mins + " minutes, " + secs + " seconds";
++curTime;
}
</script>
<body onLoad="setInterval(tick,1000); tick();">
Hoop dat iemand me kan helpen ben er al weken mee aan het kloten.
Gewijzigd op 08/02/2014 02:11:42 door Bas IJzelendoorn
Gewijzigd op 07/02/2014 22:48:50 door Willem vp
Kijk eens wat dit doet:
Code (js)
1
2
3
4
5
2
3
4
5
<script type="text/javascript">
window.onload = function() {
setInterval(tick,1000); tick();;
setInterval(tick,1000); tick();;
};
window.onload = function() {
setInterval(tick,1000); tick();;
setInterval(tick,1000); tick();;
};
Als je 5 verschillende timers wilt aanroepen, moet je ze ook apart aanroepen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
window.onload = function() {
setInterval(tick,1000); tick();;
setInterval(tick,1000); tick();;
};
</script>
<script type="text/javascript">
var curTime = <?php echo $time; ?>;
var endTime = <?php echo $timeleft2; ?>; // ditto
function tick( )
{
var secs = endTime - curTime;
var days = Math.floor( secs / 86400 ); // 86400 seconds in a day
secs %= 86400;
var hrs = Math.floor( secs/ 3600 );
secs %= 3600;
var mins = Math.floor( secs / 60 );
secs %= 60;
document.getElementById("ticker2").innerHTML =
mins + " minutes, " + secs + " seconds";
++curTime;
}
</script>
window.onload = function() {
setInterval(tick,1000); tick();;
setInterval(tick,1000); tick();;
};
</script>
<script type="text/javascript">
var curTime = <?php echo $time; ?>;
var endTime = <?php echo $timeleft2; ?>; // ditto
function tick( )
{
var secs = endTime - curTime;
var days = Math.floor( secs / 86400 ); // 86400 seconds in a day
secs %= 86400;
var hrs = Math.floor( secs/ 3600 );
secs %= 3600;
var mins = Math.floor( secs / 60 );
secs %= 60;
document.getElementById("ticker2").innerHTML =
mins + " minutes, " + secs + " seconds";
++curTime;
}
</script>
Wat moet ik hier dan veranderen ik ben echt een n00b met javascript.
Gewijzigd op 08/02/2014 02:12:24 door Bas IJzelendoorn
In jouw geval bevatten de functies (grotendeels) dezelfde code en zou je kunnen overwegen datgene wat verandert (het id van de timer) mee te geven als parameter.