Clock animation method and device and computer storage medium
An animation and clock technology, which is applied in computing, animation production, software engineering design, etc., can solve the problems of inaccurate clock components and freezes, and achieve the effect of smooth timing animation and avoid synchronous blocking freezes
Pending Publication Date: 2022-02-01
SHANGHAI GUAN AN INFORMATION TECH
View PDF0 Cites 0 Cited by
- Summary
- Abstract
- Description
- Claims
- Application Information
AI Technical Summary
Problems solved by technology
[0005] Embodiments of the present invention provide a clock animation method, device, and computer storage medium to solve the problem in the prior art that the clock component is implemented by JavaScript, which will cause the clock component to be inaccurate and stuck
Method used
the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View moreImage
Smart Image Click on the blue labels to locate them in the text.
Smart ImageViewing Examples
Examples
Experimental program
Comparison scheme
Effect test
Embodiment Construction
[0022] In order to make the objectives, technical solutions and advantages of the present invention clearer, the present invention will be further described in detail below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.
[0023] In modern web applications, most clock components use the setInterval (function that implements timing calls) or setTimeout (specifying a function or string to execute after a specified number of milliseconds) of JavaScript (a scripting language for developing web pages) to Realized, from the design of JavaScript, it is a single-threaded non-blocking scripting language. Single thread: Only one task can be executed at the sam...
the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More PUM
Login to View More Abstract
The invention discloses a clock animation method and device and a computer storage medium. The method comprises the following steps: acquiring a clock array through a CSS (Cascading Style Sheet); wherein the clock array comprises a hour array, a score array and a second array; displaying a first line of the clock array; acquiring current time, and setting a first row of the clock array according to the current time; and calculating the delay time of the hour array, the score group and the second array, setting the first row of the clock array to generate animations according to the respective delay time, and updating the animations in real time. According to the invention, timing is carried out through the clock array of the CSS, so that the timing animation is smoother; the timing function of the clock is separated from the existing JavaScript, and only the CSS is used for timing, so that the problem of synchronous blocking and lagging can be avoided.
Description
technical field [0001] The present invention relates to the technical field of web front-end development, and in particular, to a clock animation method, device and computer storage medium. Background technique [0002] In modern web applications, most clock components use the setInterval (function that implements timing calls) or setTimeout (specifying a function or string to execute after a specified number of milliseconds) of JavaScript (a scripting language for developing web pages) to Realized, from the design of JavaScript, it is a single-threaded non-blocking scripting language. Single thread: Only one task can be executed at the same time, other tasks have to be queued, and subsequent tasks must wait until the previous task ends before they can start executing. Non-blocking: synchronous tasks are executed sequentially in the main thread queue, while asynchronous tasks will enter another task queue without blocking the main thread. When the main thread queue is empty...
Claims
the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More Application Information
Patent Timeline
Login to View More Patent Type & Authority Applications(China)
IPC IPC(8): G06F1/04G06F8/38G06T13/00
CPCG06F1/04G06F8/38G06T13/00
Inventor 王琳唐道海李刚杨集宾胡绍勇
Owner SHANGHAI GUAN AN INFORMATION TECH