Skip to content

Instantly share code, notes, and snippets.

@smojtabai
Last active December 19, 2015 01:09
Show Gist options
  • Save smojtabai/5873474 to your computer and use it in GitHub Desktop.
Save smojtabai/5873474 to your computer and use it in GitHub Desktop.
Example of a clock
<div>
<a href="#">
<div id="banner-wrap" style="position:relative;width: 320px;background-color:#CCC;height: 50px;margin:0;padding: 0;overflow: hidden;">
<span class="time" id="timer-hours" style="position:absolute;top: 5px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;line-height: 20px;display: block;float: left;left: 72px;"></span>
<span style="position:absolute; top: 5px; left: 93px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;">:</span>
<span class="time" id="timer-minutes" style="position:absolute;top: 5px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;line-height: 20px;display: block;float: left;left: 98px;"></span>
<span style="position:absolute; top: 5px; left: 118px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;">:</span>
<span class="time" id="timer-seconds" style="position:absolute;top: 5px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;line-height: 20px;display: block;float: left;left: 124px;"></span>
<span class="time" id="timer-ampm" style="position:absolute;top: 5px;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;line-height: 20px;display: block;float: left;left: 150px;"></span>
<span id="buy-button" style="width: 89px;height: 20px;display: block;position:absolute;left: 152px;top: 23px;outline: none;border: 0;"></span>
</div>
</a>
</div>
<script type="text/javascript">
function count_clock(e,t,n,r){function f(e,t){var n=e+"";while(n.length<t)n="0"+n;return n}function l(){var e=new Date;var t="AM";var n=e.getHours();if(n>12){n-=12;t="PM"}else if(n==0){n=12}var r=e.getMinutes();var i=e.getSeconds();if(s){s.innerHTML=f(n,2)}if(o){o.innerHTML=f(r,2)}if(u){u.innerHTML=f(i,2)}if(a){a.innerHTML=t}}var i=new Date;console.log(i);var s=document.getElementById(e);var o=document.getElementById(t);var u=document.getElementById(n);var a=document.getElementById(r);l();timer=setInterval(l,1e3)}count_clock("timer-hours","timer-minutes","timer-seconds","timer-ampm")
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment