How to realize the 10-second countdown to jquery

This article introduces the relevant knowledge of "how to realize the 10-second countdown to jquery". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Method: 1, create a tag, set the content to the number 10, set a timer with setInterval (), and use "var num= tag .text (); num--; tag .text (num);" stipulate that the value will be reduced by 10 per second. When the value is 0, cancel the timer.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery implements a 10-second countdown

Implementation method:

Create a label and set the content to the number 10

Use setInterval () to set a timer that decrements the tag content by 10 per second by 1.

When the value is 0, use clearInterval () to cancel the timer

Implementation example:

$(document) .ready (function () {$("button") .click (function () {var myVar = setInterval (function () {var num=$ ("span") .text ()) Num--; $("span") .text (num); if (num==0) {clearInterval (myVar) }, 1000);}); 10 seconds

Start the ten-second countdown.

This is the end of the content of "how to achieve the 10-second countdown to jquery". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!