blocks|key|2563955|text|我认为您的问题是由于尝试两次呈现simplyCountdown+(default+example和jQuery+example)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2563956|根据documentation，您可以通过在HTML页面上的script中定义parameters来修复问题。|2563957|<div+class="simply-countdown"></div>

<script>
++simplyCountdown('.simply-countdown',+{
+year:+2018,
++++month:+11,
++++day:+11,
++++hours:+15,
++++minutes:+30,
++++seconds:+0,
++++words:+{
++++++++days:+'day',
++++++++hours:+'hour',
++++++++minutes:+'minute',
++++++++seconds:+'second',
++++++++pluralLetter:+'s'
++++},
++});
</script>|code-block|syntax|javascript|2563958|下面的代码片段应该会有所帮助。|2563959|​|2563960|simplyCountdown('.simply-countdown',+{
+++++year:+2018,
++++++++month:+11,
++++++++day:+11,
++++++++hours:+15,
++++++++minutes:+30,
++++++++seconds:+0,
++++++++words:+{
++++++++++++days:+'day',
++++++++++++hours:+'hour',
++++++++++++minutes:+'minute',
++++++++++++seconds:+'second',
++++++++++++pluralLetter:+'s'
++++++++},
++});|2563961|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div+class="simply-countdown"></div>

<script>
/*!
+*+Project+:+simply-countdown
+*+File+:+simplyCountdown
+*+Date+:+27/06/2015
+*+License+:+MIT
+*+Version+:+1.3.2
+*+Author+:+Vincent+Loy+<vincent.loy1@gmail.com>
+*+Contributors+:+
+*++-+Justin+Beasley+<JustinB@harvest.org>
+*++-+Nathan+Smith+<NathanS@harvest.org>
+*/
!function(e){"use+strict";var+t,n,s,o;t=function(e){var+n,s,o;for(e=e%7C%7C{},n=1;n<arguments.length;n%2B=1)if(s=arguments[n])for(o+in+s)s.hasOwnProperty(o)&&("object"==typeof+s[o]?t(e[o],s[o]):e[o]=s[o]);return+e},s=function(e,t,n){var+s,o,r,a;return+o=document.createElement("div"),r=document.createElement("span"),a=document.createElement("span"),s=document.createElement("div"),s.appendChild(r),s.appendChild(a),o.appendChild(s),o.classList.add(t.sectionClass),o.classList.add(n),r.classList.add(t.amountClass),a.classList.add(t.wordClass),e.appendChild(o),{full:o,amount:r,word:a}},n=function(e,t){var+n;return+e.inline?(n=document.createElement("span"),n.classList.add(e.inlineClass),n):{days:s(t,e,"simply-days-section"),hours:s(t,e,"simply-hours-section"),minutes:s(t,e,"simply-minutes-section"),seconds:s(t,e,"simply-seconds-section")}},o=function(e,s){var+o,r,a,d,i,l,u,c,m,w,p=t({year:2015,month:6,day:28,hours:0,minutes:0,seconds:0,words:{days:"day",hours:"hour",minutes:"minute",seconds:"second",pluralLetter:"s"},plural:!0,inline:!1,enableUtc:!0,onEnd:function(){},refresh:1e3,inlineClass:"simply-countdown-inline",sectionClass:"simply-section",amountClass:"simply-amount",wordClass:"simply-word",zeroPad:!1},s),y=document.querySelectorAll(e);a=new+Date(p.year,p.month-1,p.day,p.hours,p.minutes,p.seconds),r=p.enableUtc?new+Date(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),a.getUTCHours(),a.getUTCMinutes(),a.getUTCSeconds()):a,Array.prototype.forEach.call(y,function(e){var+t,s=n(p,e);t=function(){var+t,n,a,y;d=new+Date,p.enableUtc?(i=new+Date(d.getFullYear(),d.getMonth(),d.getDate(),d.getHours(),d.getMinutes(),d.getSeconds()),l=(r-i.getTime())/1e3):l=(r-d.getTime())/1e3,l>0?(u=parseInt(l/86400,10),l%25=86400,c=parseInt(l/3600,10),l%25=3600,m=parseInt(l/60,10),w=parseInt(l%2560,10)):(u=0,c=0,m=0,w=0,window.clearInterval(o),p.onEnd()),p.plural?(t=u>1?p.words.days%2Bp.words.pluralLetter:p.words.days,n=c>1?p.words.hours%2Bp.words.pluralLetter:p.words.hours,a=m>1?p.words.minutes%2Bp.words.pluralLetter:p.words.minutes,y=w>1?p.words.seconds%2Bp.words.pluralLetter:p.words.seconds):(t=p.words.days,n=p.words.hours,a=p.words.minutes,y=p.words.seconds),p.inline?e.innerHTML=u%2B"+"%2Bt%2B",+"%2Bc%2B"+"%2Bn%2B",+"%2Bm%2B"+"%2Ba%2B",+"%2Bw%2B"+"%2By%2B".":(s.days.amount.textContent=(p.zeroPad&&u.toString().length<2?"0":"")%2Bu,s.days.word.textContent=t,s.hours.amount.textContent=(p.zeroPad&&c.toString().length<2?"0":"")%2Bc,s.hours.word.textContent=n,s.minutes.amount.textContent=(p.zeroPad&&m.toString().length<2?"0":"")%2Bm,s.minutes.word.textContent=a,s.seconds.amount.textContent=(p.zeroPad&&w.toString().length<2?"0":"")%2Bw,s.seconds.word.textContent=y)},t(),o=window.setInterval(t,p.refresh)})},e.simplyCountdown=o}(window),window.jQuery&&!function(e,t){"use+strict";function+n(e,n){t(e,n)}e.fn.simplyCountdown=function(e){return+n(this.selector,e)}}(jQuery,simplyCountdown);
</script>|2563962|2563963|entityMap|0|LINK|mutability|MUTABLE|url|http://vincentloy.github.io/simplyCountdown.js/^0|G|F|X|F|1D|E|0|M|4|U|6|13|A|2|D|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]]|D|@$9|1H|A|1I|1|1J]]|E|$]]|$1|H|3|I|5|J|7|1K|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1L|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1M|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1N|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|J|7|1O|8|@]|D|@]|E|$K|L]]|$1|U|3|P|5|6|7|1P|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]]|W|$X|$5|Y|Z|10|E|$11|12]]]]

<p>I believe that your issue is due to attempting to render <code>simplyCountdown</code> twice (<code>default example</code> and <code>jQuery example</code>).</p>

<p>According to the <a href="http://vincentloy.github.io/simplyCountdown.js/" rel="nofollow noreferrer">documentation</a> you can fix your issue by defining the <code>parameters</code> within the <code>script</code> on your <code>HTML</code> page.</p>

<pre><code>&lt;div class="simply-countdown"&gt;&lt;/div&gt;

&lt;script&gt;
  simplyCountdown('.simply-countdown', {
 year: 2018,
    month: 11,
    day: 11,
    hours: 15,
    minutes: 30,
    seconds: 0,
    words: {
        days: 'day',
        hours: 'hour',
        minutes: 'minute',
        seconds: 'second',
        pluralLetter: 's'
    },
  });
&lt;/script&gt;
</code></pre>

<p>The snippet below should help.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>simplyCountdown('.simply-countdown', {
     year: 2018,
        month: 11,
        day: 11,
        hours: 15,
        minutes: 30,
        seconds: 0,
        words: {
            days: 'day',
            hours: 'hour',
            minutes: 'minute',
            seconds: 'second',
            pluralLetter: 's'
        },
  });</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;div class="simply-countdown"&gt;&lt;/div&gt;

&lt;script&gt;
/*!
 * Project : simply-countdown
 * File : simplyCountdown
 * Date : 27/06/2015
 * License : MIT
 * Version : 1.3.2
 * Author : Vincent Loy &lt;vincent.loy1@gmail.com&gt;
 * Contributors : 
 *  - Justin Beasley &lt;JustinB@harvest.org&gt;
 *  - Nathan Smith &lt;NathanS@harvest.org&gt;
 */
!function(e){"use strict";var t,n,s,o;t=function(e){var n,s,o;for(e=e||{},n=1;n&lt;arguments.length;n+=1)if(s=arguments[n])for(o in s)s.hasOwnProperty(o)&amp;&amp;("object"==typeof s[o]?t(e[o],s[o]):e[o]=s[o]);return e},s=function(e,t,n){var s,o,r,a;return o=document.createElement("div"),r=document.createElement("span"),a=document.createElement("span"),s=document.createElement("div"),s.appendChild(r),s.appendChild(a),o.appendChild(s),o.classList.add(t.sectionClass),o.classList.add(n),r.classList.add(t.amountClass),a.classList.add(t.wordClass),e.appendChild(o),{full:o,amount:r,word:a}},n=function(e,t){var n;return e.inline?(n=document.createElement("span"),n.classList.add(e.inlineClass),n):{days:s(t,e,"simply-days-section"),hours:s(t,e,"simply-hours-section"),minutes:s(t,e,"simply-minutes-section"),seconds:s(t,e,"simply-seconds-section")}},o=function(e,s){var o,r,a,d,i,l,u,c,m,w,p=t({year:2015,month:6,day:28,hours:0,minutes:0,seconds:0,words:{days:"day",hours:"hour",minutes:"minute",seconds:"second",pluralLetter:"s"},plural:!0,inline:!1,enableUtc:!0,onEnd:function(){},refresh:1e3,inlineClass:"simply-countdown-inline",sectionClass:"simply-section",amountClass:"simply-amount",wordClass:"simply-word",zeroPad:!1},s),y=document.querySelectorAll(e);a=new Date(p.year,p.month-1,p.day,p.hours,p.minutes,p.seconds),r=p.enableUtc?new Date(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),a.getUTCHours(),a.getUTCMinutes(),a.getUTCSeconds()):a,Array.prototype.forEach.call(y,function(e){var t,s=n(p,e);t=function(){var t,n,a,y;d=new Date,p.enableUtc?(i=new Date(d.getFullYear(),d.getMonth(),d.getDate(),d.getHours(),d.getMinutes(),d.getSeconds()),l=(r-i.getTime())/1e3):l=(r-d.getTime())/1e3,l&gt;0?(u=parseInt(l/86400,10),l%=86400,c=parseInt(l/3600,10),l%=3600,m=parseInt(l/60,10),w=parseInt(l%60,10)):(u=0,c=0,m=0,w=0,window.clearInterval(o),p.onEnd()),p.plural?(t=u&gt;1?p.words.days+p.words.pluralLetter:p.words.days,n=c&gt;1?p.words.hours+p.words.pluralLetter:p.words.hours,a=m&gt;1?p.words.minutes+p.words.pluralLetter:p.words.minutes,y=w&gt;1?p.words.seconds+p.words.pluralLetter:p.words.seconds):(t=p.words.days,n=p.words.hours,a=p.words.minutes,y=p.words.seconds),p.inline?e.innerHTML=u+" "+t+", "+c+" "+n+", "+m+" "+a+", "+w+" "+y+".":(s.days.amount.textContent=(p.zeroPad&amp;&amp;u.toString().length&lt;2?"0":"")+u,s.days.word.textContent=t,s.hours.amount.textContent=(p.zeroPad&amp;&amp;c.toString().length&lt;2?"0":"")+c,s.hours.word.textContent=n,s.minutes.amount.textContent=(p.zeroPad&amp;&amp;m.toString().length&lt;2?"0":"")+m,s.minutes.word.textContent=a,s.seconds.amount.textContent=(p.zeroPad&amp;&amp;w.toString().length&lt;2?"0":"")+w,s.seconds.word.textContent=y)},t(),o=window.setInterval(t,p.refresh)})},e.simplyCountdown=o}(window),window.jQuery&amp;&amp;!function(e,t){"use strict";function n(e,n){t(e,n)}e.fn.simplyCountdown=function(e){return n(this.selector,e)}}(jQuery,simplyCountdown);
&lt;/script&gt;</code></pre>
</div>
</div>
</p>


<p>I am new to web development and I want to implement a countdown using <strong><a href="http://vincentloy.github.io/simplyCountdown.js/" rel="nofollow noreferrer">simplyCountdown.js</a></strong> on my website.</p>

<p>How can I change the counter so that the date will be as 11 Nov 2018 3pm?</p>

<pre><code>&lt;div class="simply-countdown simply-countdown-one"&gt;&lt;/div&gt;

&lt;script src="js/simplyCountdown.js"&gt;&lt;/script&gt;    
&lt;script&gt;
  var d = new Date(new Date().getTime() + 200 * 120 * 120 * 2000);
  // default example
  simplyCountdown('.simply-countdown-one', {
    year: d.getFullYear(),
    month: d.getMonth() + 1,
    day: d.getDate()
  });

  //jQuery example
  $('#simply-countdown-losange').simplyCountdown({
    year: d.getFullYear(),
    month: d.getMonth() + 1,
    day: d.getDate(),
    enableUtc: false
  });
&lt;/script&gt;
</code></pre>


Simple Countdown 2

我是网络开发的新手，我想在我的网站上使用实现倒计时。如何更改计数器，使日期为2018年11月11日下午3点？<div class="simply-countdown simply-countdown-one"></div><script src="js/simplyCountdown.js"></script>    ...

问简单倒计时2
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问简单倒计时2EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问简单倒计时2
EN