MonkeyBusiness February 2016

Call function on dynamically created DOM

I have this function for countdown:

 function getTimeRemaining(endtime){
            var t = Date.parse(endtime) - Date.parse(new Date());
            var seconds = Math.floor( (t/1000) % 60 );
            var minutes = Math.floor( (t/1000/60) % 60 );
            var hours = Math.floor( (t/(1000*60*60)) % 24 );
            var days = Math.floor( t/(1000*60*60*24) );
            return {
                'total': t,
                'days': days,
                'hours': hours,
                'minutes': minutes,
                'seconds': seconds
            };
        }

        function initializeClock(id, endtime){
            var clock = document.getElementById(id);
            var daysSpan = clock.querySelector('.days');
            var hoursSpan = clock.querySelector('.hours');
            var minutesSpan = clock.querySelector('.minutes');
            var secondsSpan = clock.querySelector('.seconds');

            function updateClock(){
                var t = getTimeRemaining(endtime);

                daysSpan.innerHTML = t.days;
                hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
                minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
                secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

                if(t.total<=0){
                    clearInterval(timeinterval);
                }
            }

            updateClock();
            var timeinterval = setInterval(updateClock,1000);
        };

Now I want to call this function when I click on button and then open popover window so in that window I want to run counddown function so I write as below:

function startPop(){
    $('.btn').popover({
    template: '<div id="myPopover1" class="popover popover-default">'
    +'<div class="arrow"></div>'
    +'<div class="popover-title"><span class="close" data-dismiss="popover-x">&times;</span>Title</div>'
    +'<div cla        

Answers


Zohaib Ijaz February 2016

You can delegate events

More info here Event Delegation

$('body').on('click', '.btn', function(){
    // do something
});

Post Status

Asked in February 2016
Viewed 1,732 times
Voted 7
Answered 1 times

Search




Leave an answer