Salve ragazzi, questo è il mio primo post nella sezione JavaScript infatti in questa materia data la mia ignoranza sino ad oggi non ho mai voluto sbatterci la testa.
Adesso mi ritrovo a modificare uno script trovato in rete per il countdown.
Dopo una giornata di modifiche allo script adesso questo funziona correttamente, l'unico problema che non sono riuscito a risolvere è quando il conto alla rovescia termina.
In pratica quando mi ritrovo in questa condizione:
0 Giorni , 0 Ore , 0 Minuti , 0 Secondi
Il countdown riparte da capo, mentre io vorrei che alla fine del conto alla rovescia ossia nella condizione precedente
Compari la scritta:
Offerta Terminata!
Questo è lo script:
Codice PHP:<?php
//*****************************************************************************
//
// MICRO COUNTDOWN - Version: 1.0
//
// You may use this code or any modified version of it on your website.
//
// NO WARRANTY
// This code is provided "as is" without warranty of any kind, either
// expressed or implied, including, but not limited to, the implied warranties
// of merchantability and fitness for a particular purpose. You expressly
// acknowledge and agree that use of this code is at your own risk.
//
//*****************************************************************************
?>
<?php
// Define your target date here
$targetYear = 2011;
$targetMonth = 11;
$targetDay = 14;
$targetHour = 13;
$targetMinute= 38;
$targetSecond= 00;
// End target date definition
// Define date format
$dateFormat = "Y-m-d H:i:s";
$targetDate = mktime($targetHour,$targetMinute,$targetSecond,$targetMonth,$targetDay,$targetYear);
$actualDate = time();
$secondsDiff = $targetDate - $actualDate;
$remainingDay = floor($secondsDiff/60/60/24);
$remainingHour = floor(($secondsDiff-($remainingDay*60*60*24))/60/60);
$remainingMinutes = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))/60);
$remainingSeconds = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))-($remainingMinutes*60));
$targetDateDisplay = date($dateFormat,$targetDate);
$actualDateDisplay = date($dateFormat,$actualDate);
?>
<!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>Max's Countdown System</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var days = <?php echo $remainingDay; ?>
var hours = <?php echo $remainingHour; ?>
var minutes = <?php echo $remainingMinutes; ?>
var seconds = <?php echo $remainingSeconds; ?>
function setCountDown ()
{
seconds--;
if (seconds < 0){
minutes--;
seconds = 59
}
if (minutes < 0){
hours--;
minutes = 59
}
if (hours < 0){
days--;
hours = 23
}
document.getElementById("remain").innerHTML = days+" days, "+hours+" hours, "+minutes+" minutes, "+seconds+" seconds";
setTimeout ( "setCountDown()", 1000 );
}
</script>
</head>
<body onload="setCountDown();">
<div id="content">
<table class="countTable">
<tr><th colspan="2" id="remain">
<?php
echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes, $remainingSeconds seconds";
?>
</th></tr>
</table>
</div>
</body>
</html>
Rispondi quotando
