Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.03.2024, 13:42
III III вне форума
Аспирант
Отправить личное сообщение для III Посмотреть профиль Найти все сообщения от III
 
Регистрация: 08.10.2014
Сообщений: 80

Одноразовая мигалка.
Всем привет. Нашел ту на форуме мигалку, вот ссылка https://javascript.ru/forum/misc/351...fw9be267833917 Она мигает постоянно. Мне же надо, чтобы картинка через какое-то время появилась, какое-то время повисела и скрылась.
Конкретно вот эта
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <style type='text/css'>
    #test{
    display:none;
}
  </style>
<script type='text/javascript'>
window.onload=function(){
var image = document.getElementById("test");
var i = 0, s = ["block","none"],t = [2000,5000]; //2 сек есть картинка, 5 сек нет
function show()
{  i ^= 1
   image.style.display = s[i];
    setTimeout(show,t[i]);
}
show()
}
</script>
</head>
<body>
  <img id="test"  src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
</body>
</html>

Всем спасибо.

Последний раз редактировалось III, 16.03.2024 в 13:50.
Ответить с цитированием
  #2 (permalink)  
Старый 16.03.2024, 15:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

III,

window.onload=function(){
var image = document.getElementById("test");
setTimeout(() => image.style.display = "block", 5000);
setTimeout(() => image.style.display = "none", 7000);
}
Ответить с цитированием
  #3 (permalink)  
Старый 16.03.2024, 15:32
III III вне форума
Аспирант
Отправить личное сообщение для III Посмотреть профиль Найти все сообщения от III
 
Регистрация: 08.10.2014
Сообщений: 80

Спасибо, РОНИ. Чуть позже попробую. Всё отлично, работает.

Последний раз редактировалось III, 16.03.2024 в 15:37.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск