Edit in JSFiddle

var chart = c3.generate({
    data: {
        columns: [
            ['Water', 20.67, 23.49, 10.19, 53.95, 5.80, 1.18, 87.52, 6.92, 4.53],
            ['Solar', 57.83, 18.01, 55.81, 0.05, 72.70, 78.82, 8.48, 22.28, 47.05],
            ['Wind', 21.5, 58.5, 34, 46, 21.5, 20, 4, 70.8, 48.42], ],
        type: 'bar',
        selection: {
            enabled: true
        }
    },
    axis: {
        x: {
            type: 'category',
            categories: ['Brazil', 'Canada', 'China', 'Iceland', 'India', 'Nigeria', 'Paraguay', 'Russia', 'USA']
        },
        y: {
            label: '% of 2050 Supply'
        }
    }
});



var defaultMessage = document.getElementById('message').innerHTML,
    currentIndex = 0,
    timer, dur = 2000,
    du2 = 1000,
    du3 = 5500,
    du4 = 500,
    timer, durationdems = [du4, du2, du2, du2, du2,
                    du3, dur, dur, dur, dur,
                    dur, dur, dur, dur, dur,
                    dur, dur, dur, dur, dur,
                    dur, dur, dur, dur, dur,
                    dur, dur, dur, dur, dur,
                    dur, dur, dur],
    demos = [

    function () {
        setMessage('Imagine a future...');
    },

    function () {
        setMessage('where the world is powered entirely by renewable energy');
    },

    function () {
        setMessage('With the Solutions Project...');
    },

    function () {
        chart.groups([
            ['Water', 'Wind', 'Solar']
        ]);
        setMessage('That future is now');
    },

    function () {
        setMessage('Using models that account for climate, population, natural resources, and energy forecasting...');
    },

    function () {
        setMessage('...individual plans have been developed for 139 countries...');
    },

    function () {
        setMessage('...to go 100% renewable using only');
    },

    function () {
        chart.revert();
        chart.focus('Wind');
        setMessage('Wind (onshore and offshore)');
    },

    function () {
        chart.revert();
        chart.focus('Water');
        setMessage('Water and geothermal (geothermal + hydro, wave, and tidal power)');
    },

    function () {
        chart.revert();
        chart.focus('Solar');
        setMessage('and Solar power (residential/commercial/industrial PV and CSP)');
    },

    function () {
        chart.revert();
        setMessage('Each country has a unique blend of energy sources based on natural resources and existing technology');
    },

    function () {
        chart.groups([
            []
        ]);
    },

    function () {
        chart.focus('Wind');
        setMessage('Onshore and offshore wind contribute heavily');
    },

    function () {
        chart.revert();
        chart.focus('Solar');
        setMessage('Sunny countries rely heavily on solar resources');
    },

    function () {
        chart.regions([{
            start: 3,
            end: 6
        }]);
        chart.select(['Solar'], [4, 5]);
        setMessage('Like India and Nigeria');
    },

    function () {
        chart.regions.remove();
        setMessage('While Iceland uses hardly any solar');
        chart.regions([{
            start: 2,
            end: 4
        }]);
    },

    function () {
        chart.regions([]);
        chart.revert();
        chart.focus('Water');
        setMessage('Paraguay meets most of its demand with an existing hydro dam');
    },

        
    function () {
        chart.select(['Water'], [6]);
        setMessage('Contributing heavily to its future supply');
    },

    function () {
        chart.ygrids.add([{
            value: 87.5,
            text: '88%'
        }]);
    },        
        
    function () {
        chart.revert();
        chart.ygrids.remove({
            value: 87.5
        });
        chart.groups([
            ['Water', 'Solar', 'Wind']
        ]);
        setMessage('Combined, this blend supplies 100% of the country\'s projected 2050 energy demand');
    },

    function () {
        chart.load({
            columns: [
                ['Installed', 11, 14, 8, 41, 3, 0.5, 73, 3, 4]
            ],
            type: 'area'
        });
        setMessage('Much of which is already installed today!');
    },

    function () {
        //   pause
    },

    function () {
        chart.load({
            columns: [
                ['Mortalities per year', 21736.3, 14372.8, 1177429, 49.1415, 1000100, 345839, 1040.126, 240115.7, 58471.4846], ],
            unload: ['Wind', 'Water', 'Solar', 'Installed']
        });
        setMessage('And will save a significant number of lives by eliminating air pollution from fossil fuels');
    },

    function () {
        chart.axis.labels({
            y: 'Avoided Mortalities/yr'
        });
    },

    function () {
        chart.axis.labels({
            y: '$ saved/person-yr'
        });
        chart.load({
            columns: [
                ['Health Savings', 55.86, 1781.93, 261.91, 630.02, 78.48, 69.61, 27.06, 1979.21, 982.47]
            ],
            unload: ['Mortalities per year']
        });
        setMessage('...which reduces health costs');
    },

    function () {
        chart.load({
            columns: [
                ['Electricity Savings', 18, -41, 88, 47, 18, 3, 26, 114, 307]
            ]
        });
        setMessage('...and electricity costs');
    },

    function () {
        chart.groups([
            ['Health Savings', 'Electricity Savings']
        ]);
    },


    function () {
        chart.regions([{
            start: 6,
            end: 8
        }]);
        setMessage('Check out Russia\'s savings!');
    },

    function () {
        chart.regions([]);
        setMessage('Making Renewables the easy choice');
    },

    function () {
        setMessage('(Replaying)');
    },        
        
    function () {
        chart.unload({
            ids: ['Health Savings', 'Electricity Savings']
        });
    },


    function () {
        chart.load({
            columns: [['Water', 20.67, 23.49, 10.19, 53.95, 5.80, 1.18, 87.52, 6.92, 4.53],
            ['Solar', 57.83, 18.01, 55.81, 0.05, 72.70, 78.82, 8.48, 22.28, 47.05],
            ['Wind', 21.5, 58.5, 34, 46, 21.5, 20, 4, 70.8, 48.42]
            ]
        });
        setMessage('% of 2050 energy needs met with: Water');
    }

    ];

function setMessage(message) {
    document.getElementById('message').innerHTML = message;
}

d3.select('#start_btn').on("click", function () {
    if (this.innerHTML === "Stop Demo") {
        stopDemo();
        this.innerHTML = "Continue Demo";
        return;
    }
    this.innerHTML = "Stop Demo";
    setMessage('Starting Demo..');
    timer = setInterval(function () {
        if (currentIndex == demos.length) currentIndex = 0;
        console.log(currentIndex);
        console.log(durationdems[currentIndex]);
        demos[currentIndex]();
        currentIndex++;
    },
//          durationdems[currentIndex]);
    dur);
});

function stopDemo() {
    clearInterval(timer);
};
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 well pull-right">
             <h2>The Solutions Project</h2>

            <p>Plans for matching 100% of 2050 energy demand with renewable Wind, Water, and Solar (WWS) power. <a href='http://web.stanford.edu/group/efmh/jacobson/Articles/I/WWS-50-USState-plans.html' target='_blank'>Learn More</a>

            </p>
            <hr>
            <p id="message" class="bg-info">The Solutions Project is a scientific endeavor demonstrating the way 139 countries can meet 100% of energy needs with WWS by 2050. Click Start to view a brief summary of proposed supply for 9 countires.</p>
            <button id="start_btn" class="btn btn-primary pull-right">Start Demo</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div id="chart"></div>
        </div>
    </div>
</div>