SOURCE

const eLis = document.querySelectorAll("#rank li");
for(let i =0;i< eLis.length; i++) {
  eLis[i].addEventListener("click", function() {
    setTimeout(() => {
      console.log(this.innerText);
    }, 1000)
  }, false)
}

<ul id="rank">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

li {
  width: 30px;
  height: 30px;
  outline: 1px solid blue;
}