<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<input class="input" type="text" />
</body>
<script src="./index.js"></script>
</html>const input = document.querySelector('.input');
input.addEventListener('focus', (e) => {
navigator.clipboard.writeText(e.target.value);
});
Как...?
let counter = 0;
const doRequest = () => {
// Увеличиваем счетчик
counter++;
// Выполняем запрос
fetch('https://your-request-url.ru')
.then(response => response.json())
.then(data => {
console.log(data);
// Если счетчик меньше 5, устанавливаем таймер для следующего запроса
if (counter < 5) {
setTimeout(doRequest, 5000); // Устанавливаем задержку в 5 секунд
}
})
.catch(error => console.error(error));
};
// Начинаем выполнение
doRequest();const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
const request = () => fetch('https://your-request-url.ru')
.then(response => response.json())
.then(console.log);
async function repeat(request, interval = 5000, times = Infinity) {
do {
await request();
if (--times < 1) break;
await delay(interval);
} while (true);
}
repeat(request, 5000, 5)
<div>
<p>{{text}}</p>
</div>{
"text": "Привет мир!"
}{
"text": "Hello world!"
}{
"text": "Hola mundo!"
}
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>.menu {
transform: translateX(-100%);
opacity: 0;
transition: all 0.5s ease;
}
.menu.ready {
transform: translateX(0);
opacity: 1;
}const delay = 300;
[...document.querySelectorAll('.menu')].reverse().forEach((menu, index) => {
setTimeout(() => {
menu.classList.add('ready');
}, delay * (index + 1))
});
$baseFontSize: 16;
@function rem($pixels, $min: 12) {
@if (unitless($pixels)) {
$pixels: $pixels * 1px;
}
@if (unitless($min)) {
$min: $min * 1px;
}
$context: 16px;
@return #{"max("}#{$pixels / $context * 1rem}#{", "}#{$min}#{")"};
}.b-form__title {
font-size: rem(29px);
}