JQuery How To Create Counter Down by SetInterval And ParseInt functions ( Video Tutorial )

in #utopian-io7 years ago (edited)


Image Source

What Will I Learn?

I will learn how to create a counter down by the setInterval and parseInt functions ' JQuery ' .

  • How to use the setInterval in a variable with function and number of seconds
  • The important of parse int function to convert the string to integer and minus from it 1 to be counter down
  • How to delete the interval or clear it by the clear interval function with the interval that I created as parameter .

Requirements

  • Basic knowledge of JavaScript language .
  • Knowledge of JQuery .
  • Has the min jquery file .
  • Has an editor text .

Difficulty

  • Basic

Description

In this video I will show you how to create a counter down by JQuery , this counter will count from a number to 0 for example to do it we need the setInterval with a function that do it also the number of milisecondes to repeat the function , to delete this interval we need also to the clearInterval with the parameter our interval and I used also the parse int function to convert the string that I type in the div element .

Video Tutorial

Sort:  

Thank you for the contribution. It has been approved.

@aymenz I liked how you spent the entire video tutorial working on the count down function. You explained each step and provided learners with some alternate ideas, such as count up.

It is very important to explain why and how each concept works. This will give learners a complete understanding of the concepts you are teaching so they can apply it to their own projects.

You can contact us on Discord.
[utopian-moderator]

Thank you sir , I try to explain expansively the idea an to give more details , thank you again

Hey @buckydurddle, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!

Hey @aymenz I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.19
TRX 0.15
JST 0.029
BTC 63004.58
ETH 2548.62
USDT 1.00
SBD 2.81