HTML
7
Вклад в тег
<div id="timerBlock">
<p>Ожидайте <span class="seconds">10</span> секунд</p>
</div>var timerBlock = $('.seconds');
var num = 10; //количество секунд
var index = num;
var timerId = setInterval(function() {
timerBlock.html(--index);
}, 1000);
setTimeout(function() {
clearInterval(timerId);
$('#timerBlock').html('<button>hello!</button>')
}, num*1000);return data;(data) => {
return data;
}background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 50%, #f4f4f4 50%);
background: -webkit-linear-gradient(left, #ffffff 50%,#f4f4f4 50%);
background: linear-gradient(to right, #ffffff 50%,#f4f4f4 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );background-color: #fff;
<button class="btn">Показать</button>$( document ).ready(function() {
$(document).on('click', '.btn', function(){
//функционал...
$(this).toggleClass("active");
if($(this).hasClass("active"))
{
$(this).text('Скрыть');
}
else{
$(this).text('Показать');
}
});
});.menu-layer {
height: 40px;
width: 100%;
max-width: 1200px;
background: #575c62;
}
ul.menu li a{
display: block;
padding: 10px 0;
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: white;
}
ul.menu {
display: flex;
padding: 0;
}
ul.menu li {
text-align: center;
flex: 1 0;
display: inline-block;
}