How To Add A Clock To The Site

Table of contents:

How To Add A Clock To The Site
How To Add A Clock To The Site

Video: How To Add A Clock To The Site

Video: How To Add A Clock To The Site
Video: How to Create Realtime Clock using Html, CSS and Javascript 2024, November
Anonim

Sometimes the design of the site lacks some kind of "living" element, in which something is unobtrusively happening, without trying hard to attract attention to itself. And, it is desirable that it was not a completely meaningless bauble, but something that has some useful function. Such a neutral element can be, for example, a clock. Let's take a look at several of the existing options for adding them to your site pages.

How to add a clock to the site
How to add a clock to the site

Instructions

Step 1

One of the options is to find a JavaScript script on the Internet, download an archive with the necessary files, carefully read the instructions, upload graphics and, possibly, auxiliary files (function libraries, style sheets, etc.) to your website. Then add the necessary code to the page of your site, if necessary, debug it, referring to the instructions. As a result of all this activity, not only will the pages of your site be enriched for hours, but you will also gain a useful experience of searching the web and working with scripts. It is possible, but this is not the best option.

Step 2

There is an alternative option - some sites on the network take care of all the preparatory work, giving you only a few lines of code that you just have to insert into their pages. Of course, the vast majority of such proposals are not dictated by pure altruism - sites demand something in return for their efforts. This can be the installation of a link to the source site on your site, or the watch itself may contain an advertisement for an Internet resource or products advertised by it. This option is definitely easier, you just have to find the site that offers the optimal ratio of the quality of the offered watch and the amount of advertising in the load. One of the almost "ad-free" options is offered by 24webclock.com.

Step 3

The selection of differently decorated watches on the French website deserves special attention. Le Blogger. Aside from the beautiful visuals and sounds of Flash, there are other important advantages over other similar offerings on the web. First, there are no advertisements or logos in the designs of many watch variants. Secondly, there are no active external links in the code. Thirdly, there are no difficulties with obtaining a code - no payment is required, no filling in a contract form or registration, no need to download and upload anything from anywhere. The clock size can be adjusted according to the design of the page simply by changing the numbers in the html-code. There is no need to adjust the time shown by the clock - it will always be the time shown by the clock on the site visitor's computer. The flash files of the clock themselves will not be stored on your server and consume your traffic. To set such a clock: - go to the site and select the design and sound you need (some models beat every fifteen-minute period of time); - copy the html-code to the right of the selected option; - in the page editor of your site management system, open the page into which you will insert the clock; - if the editor is in visual editing mode, then switch to the page html-code editing mode. Find the place in the page where you want to place the gadget, and paste the code copied on the French site; - save the page changes. If you have access to the page files of your site, you can download the desired one and do everything described using a regular text editor …

Recommended: