const {h, h1, span, makeDOMDriver} = CycleDOM;

​

function main(sources) {

  const hover$ = sources.DOM.select('span').events('mouseover');

  return {

    DOM: hover$

      .startWith(null)

      .flatMapLatest(() =>

        Rx.Observable.timer(0, 1000)

          .map(i => h1({style: {background: 'red'}}, [span([`Seconds Elapsed ${i}`])]))

      ),

    Log: Rx.Observable.timer(0, 2000)

      .map(i => 2 * i)

  };

}

​

​

function consoleLogDriver(msg$) {

  msg$.subscribe(msg => {

    console.log(msg);

  });

}

​

const drivers = {

  DOM: makeDOMDriver('#app'),

  Log: consoleLogDriver

};

​

Cycle.run(main, drivers);

​

​

​