Форум

bntiii · #1 (**permalink**) 21.11.2016, 19:19

Ребят выручайте.Не могу адаптировать мигание экрана с кнопками.При нажатие кнопки ,начинается мигать экран ,также присутствует пауза и стоп.Пока что он просто мигает,а нужно по команде.Выручайте.Я не силен в js.

$(document).ready(function(){ 
$("#go").click(function(){ 
$("#box").toggleClass("demo"); 
}); 
});

<style type='text/css'> 
#ID { 
width: 200px; 
height: 200px; 
background-color: #D7FFD7; 
margin-left: 350px;
} 
</style>
</head>
<body onload='init()'> 
<div id='ID'></div> 
</body>

bntiii · #2 (**permalink**) 21.11.2016, 19:56

Извините,битый код.
Вот нормальный...Как сделать цикл,который можно выключить кнопкой?2 кнопки,вкл и выкл

Код:

<html>
<head>
<style type="text/css">
#go { 
background: lightgreen; 
outline: none; 
} 

@-webkit-keyframes demo { 
0% { 
background-color: Yellow; 
opacity:1; 
} 
22% { 
background-color: Yellow; 
} 
77% { 
background-color: Red; 
} 
100% { 
background-color: #777; 
} 
} 

.demo { 
-webkit-animation-name: demo; 
-webkit-animation-duration: 900ms; 
-webkit-animation-iteration-count: 1; 
-webkit-animation-timing-function: ease-in-out; 
} 
</style>
<script type="text/javascript" src="js/jquery.js"></script>

	<script type="text/javascript">
$(document).ready(function(){ 
$("#go").click(function(){ 
$("#box").toggleClass("demo"); 
}); 
});
</script>
</head>
<body id="box">
<button id="go">Поехали</button>
</body>
</html>

Dilettante_Pro · #3 (**permalink**) 22.11.2016, 10:38

bntiii,
добавьте в класс demo свойство

animation-iteration-count: infinite;

и у вас одна кнопка будет включать-выключать моргание.
Или сделать две кнопки - с addClass и с removeClass

Форум

Справочник

Discord чат

Курсы javascript