2021 iThome 鐵人賽

DAY 27
Modern Web

Learn & Play JavaScript -- Entry-Level Front-End Web Development系列 第 27

#27 JS: Timing Events - Part 1

What is timing event?

"JavaScript can be executed in time-intervals. This is called timing events.
The window object allows execution of code at specified time intervals.
These time intervals are called timing events.
The two key methods to use with JavaScript are:

  • setTimeout(function, milliseconds)
    Executes a function, after waiting a specified number of milliseconds.

  • setInterval(function, milliseconds)
    Same as setTimeout(), but repeats the execution of the function continuously."
    by W3C School

Basic timing event

<script type="text/javascript">
function init(){ 
    window.setTimeout(countdown, 1000);
function countdown (){
    alert("Hi there!");

The unit is milliseconds, so 1000 milliseconds = 1 second.

The window will popup in 1 second.

Music of Today: Strangers In A Dream by Phum Viphurit


Feel free to comment and share your ideas below to learn together!
If you guys find this article helpful, please kindly do the writer a favor — LIKE this article./images/emoticon/emoticon12.gif

#26 JS: HTML DOM Events - Part 4(Start Over Version)
#28 JS: Timing Events - Part 2
Learn & Play JavaScript -- Entry-Level Front-End Web Development30