<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);

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 );

$( 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;
}