Timer for javascript button selection

The below code generates a json string on the click of some buttons.

<div id="btnStudios" >
    <button type="button" id="01" value="warner" class="btn btn-default">Warner</button>
    <button type="button" id="02" value="tf1" class="btn btn-default">TF1</button>
    <button type="button" id="03" value="gaumont" class="btn btn-default">Gaumont</button>
    <button type="button" id="04" value="pathe" class="btn btn-default">Pathe</button>
    <button type="button" id="05" value="studiocanal" class="btn btn-default">StudioCanal</button>
    <button type="button" id="06" value="francetv" class="btn btn-default">FranceTV</button>
    <button type="button" id="07" value="m6snd" class="btn btn-default">M6SND</button>
</div>


$(".btn").click(function() {
   $(this).toggleClass('active');
        var output = {
            Studios: $('#btnStudios button.active').map(function() {
            return $(this).val();
    }).get(),
};

if (!output.Studios.length) {
    output.Studios = $('#btnStudios button').map(function() {
        return $(this).val();
    }).get()
$('.list').html(JSON.stringify(output));
});

Basically what i am looking for is a timer which refreshes for 1 second everytime a button is clicked and then generates the json string based on the button selection. I used the setInterval() function but that did not help.

How would i go about this? Thanks in advance.