How to operate jQuery to achieve electronic clock effect

php中世界最好的语言
Release: 2018-06-01 14:48:41
Original
1967 people have browsed it

This time I will show you how to operate jQuery to achieve the electronic clock effect. What are theprecautions for operating jQuery to achieve the electronic clock effect? The following is a practical case, let's take a look.

   jQuery电子时钟  
haha
Copy after login
Running effect:

Example summary:

1. Pay attention to the js file reference, which must be in the head declaration in the body, there is no need to re-declare the reference information when expanding in the body;

2. Pay attention to Date-related functions, and don’t forget get and parentheses when retrieving;
3. Pay attention to
window.onload = function( ){};4. Pay attention to the starting order of the array for months. Starting from January, the subscript is 0, and so on;
5. Note that the hour, minute, and second functions are complex numbers. ;
6. day means to get the day of the week, but what is obtained is a number, which can be converted with an array (0 means Sunday, the others correspond one to one)
7. setTimeout function:
setTimeOut(A,B), note that out insetTimeoutis lowercaseA: function body B: function execution interval
8. During the execution of setTimeout, do not use
document.write, Otherwise, the recursive call is not implemented;9. Are single quotes or double quotes used in JQuery selectors?
Theoretically, both odd and even numbers are acceptable. In the case of nesting, it depends on the specific situation.
10. Regarding jQuery to obtain the text content of the label: Method 1: text(); Method 2: html();
Note that when the text content needs to be changed, the correct format is:
$('#time' ).text("content")The error format is:$('#time').text() = "content"

I believe you have mastered it after reading the case in this article For more exciting methods, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to operate Angular5 routing parameters

How to operate vue2.0 from plug-in development to npm release

How to use .vue code in vscode

The above is the detailed content of How to operate jQuery to achieve electronic clock effect. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!