Пожалуй, предложу самое банальное.
Сделать слайдер картинок. У нас есть массив ссылок на картинки:
var images = ['1.jpg', '2.jpg', '3.jpg'];
Задача: сделать слайдер, в котором картинки будут переключаться по кнопкам-стрелкам. Если мы нажимаем на последней картинке "next", то будет произведён переход к первой картинке, ну и с первой картинкой аналогично. Но если мы ничего не нажимаем, то картинки автоматом переключаются через время, заданное в переменной. Желательно это всё сделать с эффектами CSS3-transition. Ну как?
Так же, сделать это всё через классы, чтобы можно было сколько угодно вставлять таких слайдеров на странице.
var slider = new Slider();
slider.images = ['1.jpg', '2.jpg', '3.jpg'];
slider.delay = 3000;
slider.insertTo(document.body);
/*-------*/
var slider = new Slider({delay: 3000, images: ['1.jpg', '2.jpg']});
slider.insertTo(document.body);
slider.addEventListener('onslide', function() {
alert('Картинка переключена!');
});