Я так понимаю, что вот этак конструкция уже не заработает, так как document.querySelector работает на уже загруженный DOM ???

var btn = document.querySelectorAll(".btn");
    btn[0].addEventListener("click", function() {
        clearInterval(timer);
        timer = setInterval(station1, timeInterval)
    });
    btn[1].addEventListener("click", function() {
        clearInterval(timer);
        timer = setInterval(station2, timeInterval)
    });

На каждую кнопку писать свой клик ?

$('#menu').on('click', '.btn', function(e){

имею ввиду с разными допустим class="btn1...btn2..." так как мне еще вешать надо setInterval

$(function() {
//console.log($('#menu').length); //проверка что элемент есть 1
$('menu').on('click', '.btn1', function(e){
alert('1')
     });
$('body').on('click', '.btn2', function(e){
alert('2')
     });
$('body').on('click', '.btn3', function(e){
alert('3')
     });
	 
});

да и прошу прощения, я пока ноль, и вопросы у меня пока тупые .... но пытаюсь ....

да если они делают что-то разное

Saratov64,

$(function() {
//console.log($('#menu').length); //проверка что элемент есть 1
var timer;
$('body').on('click', '.btn1', function(e){
 clearInterval(timer);
        timer = setInterval(station1, timeInterval)

     });
$('body').on('click', '.btn2', function(e){
alert('2')
     });
$('body').on('click', '.btn3', function(e){
alert('3')
     });
	 
});