Javascript-форум - Не могу настроить кнопку.

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Не могу настроить кнопку. (https://javascript.ru/forum/dom-window/66029-ne-mogu-nastroit-knopku.html)

Не могу настроить кнопку.

Ребят выручайте.Не могу адаптировать мигание экрана с кнопками.При нажатие кнопки ,начинается мигать экран ,также присутствует пауза и стоп.Пока что он просто мигает,а нужно по команде.Выручайте.Я не силен в 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>

Вкл/выкл мигание экрана...Как сделать цикл

Извините,битый код.
Вот нормальный...Как сделать цикл,который можно выключить кнопкой?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>

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

animation-iteration-count: infinite;

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