Auf Thema antworten 2026

Beitrag

<blockquote data-quote="rider1984" data-source="post: 2391159">Hallo an Alle, ich benötige etwas Hilfe bei meinen jQuery Skript. Ich möchte diesen jetzt so einstellen, das dieser als Beispiel am 01.01.2015 | 00:00:00 Uhr anfängt und am 31.01.2015 |&nbsp; 00:00:00 Uhr aufhört und für den kommenden Monat ( 01.02.2015 | 00:00:00 Uhr ) wieder von vorne anfängt. Wie und Was müsste ich jetzt als nächstes anpassen. Kann mir eventuell Jemand von euch helfen. Im Anhang habe ich euch den Skript mal angehangen. (function($){&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; // Number of seconds in every time division&nbsp;&nbsp; var days&nbsp;&nbsp; = 24*60*60,&nbsp; &nbsp;&nbsp; hours&nbsp;&nbsp; = 60*60,&nbsp; &nbsp;&nbsp; minutes&nbsp;&nbsp; = 60;&nbsp;&nbsp; &nbsp;&nbsp; // Creating the plugin&nbsp;&nbsp; $.fn.countdown = function(prop){&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; var options = $.extend({&nbsp; &nbsp; &nbsp;&nbsp; callback&nbsp;&nbsp; : function(){},&nbsp; &nbsp; &nbsp;&nbsp; timestamp&nbsp;&nbsp; : 0&nbsp; &nbsp;&nbsp; },prop);&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; var left, d, h, m, s, positions;&nbsp; &nbsp;&nbsp; // Initialize the plugin&nbsp; &nbsp;&nbsp; init(this, options);&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; positions = this.find(&#039;.position&#039;);&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; (function tick(){&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Time left&nbsp; &nbsp; &nbsp;&nbsp; left = Math.floor((options.timestamp - (new Date())) / 1000);&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; if(left &lt; 0){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; left = 0;&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Number of days left&nbsp; &nbsp; &nbsp;&nbsp; d = Math.floor(left / days);&nbsp; &nbsp; &nbsp;&nbsp; updateDuo(0, 1, d);&nbsp; &nbsp; &nbsp;&nbsp; left -= d*days;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Number of hours left&nbsp; &nbsp; &nbsp;&nbsp; h = Math.floor(left / hours);&nbsp; &nbsp; &nbsp;&nbsp; updateDuo(2, 3, h);&nbsp; &nbsp; &nbsp;&nbsp; left -= h*hours;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Number of minutes left&nbsp; &nbsp; &nbsp;&nbsp; m = Math.floor(left / minutes);&nbsp; &nbsp; &nbsp;&nbsp; updateDuo(4, 5, m);&nbsp; &nbsp; &nbsp;&nbsp; left -= m*minutes;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Number of seconds left&nbsp; &nbsp; &nbsp;&nbsp; s = left;&nbsp; &nbsp; &nbsp;&nbsp; updateDuo(6, 7, s);&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Calling an optional user supplied callback&nbsp; &nbsp; &nbsp;&nbsp; options.callback(d, h, m, s);&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Scheduling another call of this function in 1s&nbsp; &nbsp; &nbsp;&nbsp; setTimeout(tick, 1000);&nbsp; &nbsp;&nbsp; })();&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; // This function updates two digit positions at once&nbsp; &nbsp;&nbsp; function updateDuo(minor,major,value){&nbsp; &nbsp; &nbsp;&nbsp; switchDigit(positions.eq(minor),Math.floor(value/10)%10);&nbsp; &nbsp; &nbsp;&nbsp; switchDigit(positions.eq(major),value%10);&nbsp; &nbsp;&nbsp; }&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; return this;&nbsp;&nbsp; };&nbsp;&nbsp; function init(elem, options){&nbsp; &nbsp;&nbsp; elem.addClass(&#039;countdownHolder&#039;);&nbsp; &nbsp;&nbsp; // Creating the markup inside the container&nbsp; &nbsp;&nbsp; $.each([&#039;Days&#039;,&#039;Hours&#039;,&#039;Minutes&#039;,&#039;Seconds&#039;],function(i){&nbsp; &nbsp; &nbsp;&nbsp; var boxName;&nbsp; &nbsp; &nbsp;&nbsp; if(this==&quot;Days&quot;) {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; boxName = &quot;&quot;;&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; else if(this==&quot;Hours&quot;) {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; boxName = &quot;&quot;;&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; else if(this==&quot;Minutes&quot;) {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; boxName = &quot;&quot;;&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; boxName = &quot;&quot;;&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; $(&#039;&lt;div class=&quot;count&#039;+this+&#039;&quot;&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;span class=&quot;position&quot;&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;span class=&quot;digit static&quot;&gt;0&lt;/span&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;/span&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;span class=&quot;position&quot;&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;span class=&quot;digit static&quot;&gt;0&lt;/span&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;/span&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;span class=&quot;boxName&quot;&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;span class=&quot;&#039;+this+&#039;&quot;&gt;&#039; + boxName + &#039;&lt;/span&gt;&#039; +&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;&lt;/span&gt;&#039;&nbsp; &nbsp; &nbsp;&nbsp; ).appendTo(elem);&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; if(this!=&quot;Seconds&quot;){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; elem.append(&#039;&lt;span class=&quot;points&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;countDiv countDiv&#039;+i+&#039;&quot;&gt;&lt;/span&gt;&#039;);&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp;&nbsp; });&nbsp;&nbsp; }&nbsp;&nbsp; // Creates an animated transition between the two numbers&nbsp;&nbsp; function switchDigit(position,number){&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; var digit = position.find(&#039;.digit&#039;)&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; if(digit.is(&#039;:animated&#039;)){&nbsp; &nbsp; &nbsp;&nbsp; return false;&nbsp; &nbsp;&nbsp; }&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; if(position.data(&#039;digit&#039;) == number){&nbsp; &nbsp; &nbsp;&nbsp; // We are already showing this number&nbsp; &nbsp; &nbsp;&nbsp; return false;&nbsp; &nbsp;&nbsp; }&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; position.data(&#039;digit&#039;, number);&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; var replacement = $(&#039;&lt;span&gt;&#039;,{&nbsp; &nbsp; &nbsp;&nbsp; &#039;class&#039;:&#039;digit&#039;,&nbsp; &nbsp; &nbsp;&nbsp; css:{&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; top:0,&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; opacity:0&nbsp; &nbsp; &nbsp;&nbsp; },&nbsp; &nbsp; &nbsp;&nbsp; html:number&nbsp; &nbsp;&nbsp; });&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; // The .static class is added when the animation&nbsp; &nbsp;&nbsp; // completes. This makes it run smoother.&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; digit&nbsp; &nbsp; &nbsp;&nbsp; .before(replacement)&nbsp; &nbsp; &nbsp;&nbsp; .removeClass(&#039;static&#039;)&nbsp; &nbsp; &nbsp;&nbsp; .animate({top:0,opacity:0},&#039;fast&#039;,function(){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; digit.remove();&nbsp; &nbsp; &nbsp;&nbsp; })&nbsp; &nbsp;&nbsp; replacement&nbsp; &nbsp; &nbsp;&nbsp; .delay(100)&nbsp; &nbsp; &nbsp;&nbsp; .animate({top:0,opacity:1},&#039;fast&#039;,function(){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; replacement.addClass(&#039;static&#039;);&nbsp; &nbsp; &nbsp;&nbsp; });&nbsp;&nbsp; }})(jQuery);</blockquote>

[QUOTE="rider1984, post: 2391159"] Hallo an Alle, ich benötige etwas Hilfe bei meinen jQuery Skript. Ich möchte diesen jetzt so einstellen, das dieser als Beispiel am 01.01.2015 | 00:00:00 Uhr anfängt und am 31.01.2015 | 00:00:00 Uhr aufhört und für den kommenden Monat ( 01.02.2015 | 00:00:00 Uhr ) wieder von vorne anfängt. Wie und Was müsste ich jetzt als nächstes anpassen. Kann mir eventuell Jemand von euch helfen. Im Anhang habe ich euch den Skript mal angehangen. (function($){ // Number of seconds in every time division var days = 24*60*60, hours = 60*60, minutes = 60; // Creating the plugin $.fn.countdown = function(prop){ var options = $.extend({ callback : function(){}, timestamp : 0 },prop); var left, d, h, m, s, positions; // Initialize the plugin init(this, options); positions = this.find('.position'); (function tick(){ // Time left left = Math.floor((options.timestamp - (new Date())) / 1000); if(left < 0){ left = 0; } // Number of days left d = Math.floor(left / days); updateDuo(0, 1, d); left -= d*days; // Number of hours left h = Math.floor(left / hours); updateDuo(2, 3, h); left -= h*hours; // Number of minutes left m = Math.floor(left / minutes); updateDuo(4, 5, m); left -= m*minutes; // Number of seconds left s = left; updateDuo(6, 7, s); // Calling an optional user supplied callback options.callback(d, h, m, s); // Scheduling another call of this function in 1s setTimeout(tick, 1000); })(); // This function updates two digit positions at once function updateDuo(minor,major,value){ switchDigit(positions.eq(minor),Math.floor(value/10)%10); switchDigit(positions.eq(major),value%10); } return this; }; function init(elem, options){ elem.addClass('countdownHolder'); // Creating the markup inside the container $.each(['Days','Hours','Minutes','Seconds'],function(i){ var boxName; if(this=="Days") { boxName = ""; } else if(this=="Hours") { boxName = ""; } else if(this=="Minutes") { boxName = ""; } else { boxName = ""; } $('<div class="count'+this+'">' + '' + '0' + '' + '' + '0' + '' + '' + '' + boxName + '' + '' ).appendTo(elem); if(this!="Seconds"){ elem.append(':'); } }); } // Creates an animated transition between the two numbers function switchDigit(position,number){ var digit = position.find('.digit') if(digit.is(':animated')){ return false; } if(position.data('digit') == number){ // We are already showing this number return false; } position.data('digit', number); var replacement = $('',{ 'class':'digit', css:{ top:0, opacity:0 }, html:number }); // The .static class is added when the animation // completes. This makes it run smoother. digit .before(replacement) .removeClass('static') .animate({top:0,opacity:0},'fast',function(){ digit.remove(); }) replacement .delay(100) .animate({top:0,opacity:1},'fast',function(){ replacement.addClass('static'); }); } })(jQuery); [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?