css - HTML如何增加<blink>标签闪烁时间

如何增加HTML眨眼标记淡入时间

 <blink>
     <i class="fa fa-phone"></i>
     +01 0000 111 111
 </blink>

仅使用html

最佳答案

HTML的“ blink”标记已过时。此外，blink（）方法不是标准的，并且可能无法在所有浏览器中正常工作。您可以根据需要使用JavaScript。

function blink() {
  setInterval(function() {
    document.getElementById("blink").style.webkitTransitionDuration = "0.5s";
    document.getElementById("blink").style.opacity = 0;
    setTimeout(function() {
      document.getElementById("blink").style.webkitTransitionDuration = "0.5s";
      document.getElementById("blink").style.opacity = 1;
    }, 500);
  }, 1500);
}
blink();

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<div id="blink"><i class="fa fa-phone"></i>+01 0000 111 111</div>

您还可以在此处更改持续时间。