Countdown mit jQuery
HTML
<script src="http://grochtdreis.de/fuer-jsfiddle/jquery.countdown.js"></script>
<script src="http://grochtdreis.de/fuer-jsfiddle/jquery.countdown-de.js"></script>
<!--
<div class="TimeToWait">
<span class="daysnr">14134</span>
<span class="days">Tage</span>
<span class="hours">00:23:15</span>
</div>
-->
<span id="countdown"></span>
<div id="countdown2" class="countdown" title="2050, 08-1, 24"></div>
CSS
body { padding: 40px;font-family: arial; sans-serif;}
#countdown { overflow: hidden; margin-bottom: 40px; display: block;}
.countdown_section {float: left; font-size: 12px; text-align:center;}
.countdown_section br {display: none;}
.countdown_amount {
font-size: 16px;
display: block;
background-color: #717274; /* old browsers */
background-image: -moz-linear-gradient(top, #717274 0%, #1c1c1c 100%); /* firefox */
background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717274), color-stop(100%,#1c1c1c)); /* webkit */
background-image: -webkit-linear-gradient(#717274, #1c1c1c); /* Chrome 10+, Saf6 */
background-image: linear-gradient(top, #717274, #1c1c1c);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717274', endColorstr='#1c1c1c',GradientType=0 ); /* ie 5 - 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#717274, endColorstr=#1c1c1c,GradientType=0 )"; /* ie 8 */
color: #fff;
padding: 4px;
border: 1px solid #000;
}
.noList {list-style-type: none;padding-left: 0;margin-left: 0;}
.countdown li {float: left; font-size: 12px; text-align:center;}
.countdown li span {
font-size: 16px;
display:block;
background-color: #717274; /* old browsers */
background-color: -moz-linear-gradient(top, #717274 0%, #1c1c1c 100%); /* firefox */
background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717274), color-stop(100%,#1c1c1c)); /* webkit */
background-image: -webkit-linear-gradient(#717274, #1c1c1c); /* Chrome 10+, Saf6 */
background-image: linear-gradient(top, #717274, #1c1c1c);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717274', endColorstr='#1c1c1c',GradientType=0 ); /* ie 5 - 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#717274, endColorstr=#1c1c1c,GradientType=0 )"; /* ie 8 */
color: #fff;
padding: 4px;
border: 1px...
JavaScript
var newYear = new Date();
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
$('#countdown').countdown({
until: new Date(2050, 08-1, 24),
format: 'dHMS'
});
// Ich möchte gerne aus dem ausgelesenen Title-Attribut
// die Basis für das neuen Datum zusammenbauen.
// Alle bisher getesteten Ansätze klappen nicht.
// Warum?
/*
var datum = $("#countdown2").attr("title");
var tag = toString(splits[0]);
var mon = toString(splits[1]-1);
var jahr = toString(splits[2]);
*/
$('#countdown2').countdown({
// until: datum,
// until: new Date(jahr, mon, tag),
// until: new Date(datum),
until: new Date(2050, 08-1, 24),
format: 'dHMS',
layout: '<ul class=\'noList\'><li><span>{dn}</span>{dl}</li><li><span>{hnn}</span>{hl}</li><li><span>{mnn}</span>{ml}</li><li><span>{snn}</span>{sl}</li></ul>'
});