JS Demos for Loupe

aysnc_array.js

function process(num) {
    // delay();
    console.log(num); 
}

// Synchronus
[1,2,3,4].forEach(function(i){
    process(i);
});



// Asynchronous
function asyncForEach(array, process) {
    array.forEach(function(i){
        var j = i;
        setTimeout(function(){
            process(j);
        },0);
    });
}

asyncForEach([1,2,3,4],process);

callbacks_and_events.js

$.on('button', 'click', function onClick() {
    setTimeout(function timer() {
        console.log('You clicked the button!');    
    }, 2000);
});

console.log("Hi!");

setTimeout(function timeout() {
    console.log("Click the button!");
}, 5000);

console.log("Welcome to loupe.");

min_time_gurantee.js

setTimeout(function Timeout(){
    console.log('one second!');
}, 1000);

setTimeout(function Timeout(){
    console.log('one second!');
}, 1000);

setTimeout(function Timeout(){
    console.log('one second!');
}, 1000);

setTimeout(function Timeout(){
    console.log('one second!');
}, 1000);

scroll_events.js

// Show how events work.
function animating(){
    delay();
}

$.on('document','scroll',animating);