[Learning]#28 JS: Timing Events — Part 2

Example 1. setTimeout

Usage Scenario: transfer the web page from price comparison to Ads or an e-commerce company’s page.

<body onload="init();">
<span id="timer">3</span>

<script type="text/javascript">
let timer;
function init(){
timer=document.getElementById("timer");
window.setTimeout(countdown, 1000);
}

function countdown (){
timer.innerHTML=timer.innerHTML-1;
if(timer.innerHTML>0){ //It will continue counting down until meeting 0.
window.setTimeout(countdown, 1000);
}else{
document.location="https://vidalin-777.medium.com/";
}
}

</script>
</body>

Example 2. setInterval

Usage Scenario: same as example 1.

<script type="text/javascript">
let timer;
function init(){
timer=document.getElementById("timer");
window.setInterval(countdown, 1000);
}
function countdown (){
timer.innerHTML=timer.innerHTML-1;
if(timer.innerHTML>0){
}else{
document.location="https://vidalin-777.medium.com/";
}
}
</script>

Music of Today: Run by Phum Viphurit

Clap/Share/Follow

If you guys find this article helpful, please kindly do the writer a favor — giving 5 clicks at the GREEN area and 10~50 claps at the bottom of this page.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Vida Lin

Vida Lin

43 Followers

PM, Relationship, Travel, or anything quirky but interesting.|Subscribe & buy Vida a drink @LikerLand, the bottom of each article. 在文章底下LikerLand訂閱、請Vida喝一杯飲料 ❤