Мне нужно чтоб на сайте у кнопки горел бордер раз в 4 секунды, как это рационально сделать ? Получилось сделать что желтый бордер появляется и горит постоянно
Вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<div class="scrollUp" id="scrollButton">
<img src="https://static.thenounproject.com/png/486804-200.png">
</div>
</div>
<script src="script.js"></script>
</body>
</html>
*{
margin: 0;
padding: 0;
text-decoration: none;
}
.container{
height: 1900px;
background-color: crimson;
width: 70%;
margin: 0 auto;
}
.scrollUp{
margin-left: 60%;
margin-top: 4%;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #ffff;
position: fixed;
}
.scrollUp img{
align-items: center;
width: 55px;
height: 55px;
}
function yellow() {
let buttonUp = document.getElementById('scrollButton').style.border = "3px solid yellow";
}
setInterval(yellow, 3000);
Простой
