title: Is it possible to get this to work
body: <p>Is it possible to get this to work together. It is two different pieced of count down clocks. I am very new to javascript and am just getting php down. Any help would be greatly appreciated. I tried the best I could. The best i got was the 4 blue blocks to show up but the numbers and days did not show up in them. Thank You for your time.</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>// Set the date we're counting down to
  var countDownDate = new Date("June 5, 2018 15:37:25").getTime();
  
  // Update the count down every 1 second
  var x = setInterval(function() {
  
      // Get todays date and time
      var now = new Date().getTime();
      
      // Find the distance between now an the count down date
      var distance = countDownDate - now;
      
      // Time calculations for days, hours, minutes and seconds
      var days = Math.floor(distance / (1000 * 60 * 60 * 24));
      var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
      var seconds = Math.floor((distance % (1000 * 60)) / 1000);
      
      // Output the result in an element with id="clockdiv"
      document.getElementById("clockdiv").innerHTML = days + "days " + hours + "h "
      + minutes + "m " + seconds + "s ";
      
      // If the count down is over, write some text 
      if (distance &lt; 0) {
          clearInterval(x);
          document.getElementById("clockdiv").innerHTML = "EXPIRED";
      }
  }, 1000);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#clockdiv {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 100;
  text-align: center;
  }
  
  #clockdiv &gt; div {
  background: #0294cb;
  border-radius: 3px;
  display: inline-block;
  padding: 8px;
  }
  
  #clockdiv div &gt; span {
  background: #42baff;
  border-radius: 3px;
  display: inline-block;
  padding: 15px;
  }
  
  .smalltext {
  font-size: 14px;
  padding-top: 5px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="clockdiv"&gt;
  &lt;div&gt;
  &lt;span class="days"&gt;&lt;/span&gt;
  &lt;div class="smalltext"&gt;Days&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;span class="hours"&gt;&lt;/span&gt;
  &lt;div class="smalltext"&gt;Hours&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;span class="minutes"&gt;&lt;/span&gt;
  &lt;div class="smalltext"&gt;Minutes&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;span class="seconds"&gt;&lt;/span&gt;
  &lt;div class="smalltext"&gt;Seconds&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>