LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » HTML-CSS-PHP-JavaScript / JavaScript Codes » JavaScript Simple Clock JS Code For Blog And Website

JavaScript Simple Clock JS Code For Blog And Website

Hi to all people who love JavaScript or who will love it soon! On this website, you are going to find out the best JavaScript Codes for free! And you will be able to learn and use them in your blogs and websites. Check out these very nice and useful JavaScript codes, JavaScript code is the best web language that is easy to use with only basic knowledge of HTML. With this JavaScript on in your hand, you will find how easy to make a good and sophisticated website. In this open-source website find nice JavaScript. So take a deep breath and welcome to the new world of JavaScript.

Let’s Start Here Is The JavaScript Simple Clock Code.

There are many code snippets available online or on many other blogs and websites but everyone is not able to optimize your blog or website so you need some optimized code snippet. So now checkout out the code snippet for your blog and website that will give you all features for your desired code. Now grab the ready to use code and paste it where you want.


Features:

  1. Light Weight.
  2. Pure Vanilla JavaScript.
  3. Cross Browser.
  4. No External Files.
  5. Full Customizable.
  6. “AM” And “PM” Are Supported.
  7. Duplicate Tag Control.
  8. Blue Color Digital Clock.
  9. Give The Accurate Time According To Your Computer’s Clock.

How To Add In Blogspot Widget?

  1. Go To Your www.blogger.com
  2. Open Your Desire Blog.
  3. Go To Layout.
  4. Click “Add A Gadget” Where You Want To Add It.
  5. Now Scroll To “HTML-JAVASCRIPT”
  6. Click “+” Icon To Add It.
  7. Now Copy The Below Code And Paste It To There.
  8. Leave The Title Empty.
  9. Click Save, Now You Are Done.

How To Add In WordPress Widget?

  1. Just Go To Your Sidemenu “Appereance” Option.
  2. Now Go To The “Widgets” Sub-Menu
  3. Click “+” To Add A Widget
  4. Search For “Custom HTML” Widget.
  5. Now Copy The Below Code And Paste It To There.
  6. Save It, Now You Are Done.

How To Add In Custom Website?

  1. Just Go To Your HTML File.
  2. Now Copy The Below Code And Paste It Between <body> </body>
  3. Save It, Now You Are Done.

HTML:

<span id="tick2"></span>

JavaScript:

<script>
<!--
/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/
function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
</script>

Customization:

No need to customize it. Just copy-paste. Rest edit the code as per comments and need.

Troubleshooting the Errors

Do it with concentration and patience. Check your alls steps and again and all codes or scripts. If you find any error you can contact us anytime via comment or better via email, We are always here to help you.

Final Words:

That’s all we have. We hope that you liked this article. If you have any problem with this code in your template then feel free to contact us with a full explanation of your problem. We will reply to you as time allows us or If you have any doubts and problems please comment below. We are happy to help you! If you liked this article, Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy development, See you in the next article.

Recommended For You:
Add Top And Bottom Horizontal Scrollbar On Any DIV Using Pure Vanilla JavaScript

You Like It, Please Share This Recipe With Your Friends Using...

3 Responses to “JavaScript Simple Clock JS Code For Blog And Website”

  1. EXEIdeas says:

    Visit Us Daily To Get More Free Awesome Codes…

  2. Alvin Joseph says:

    What a great blog. Thanks for sharing this kind of helpful information. I am very happy you found the post helpful.

    • EXEIdeas says:

      Welcome here and thanks for reading our article and sharing your view. This will be very helpful to us to let us motivate to provide you with more awesome and valuable content from a different mind. Thanks again.

Leave a Reply

Your email address will not be published.