javascript - 动态dom执行默认事件

Question

想要做动态添加倒计时的功能，如何为动态DOM添加自动执行的事件呢？

$('body').append('<p class="countDownBg"><span class="day" >60</span><span>秒</span></p>');

就如上，点击之后就在body添加一个60S的倒计时，如何让这60S添加到页面之后就自动执行倒计时？

Answer 1

$('body').append('<p class="countDownBg"><span class="day" >30</span><span>秒</span></p>');
var time = parseInt($(".day").eq(0).html());
var intervalTime = 1000;
var tiemExecution = self.setInterval((function(){
--time < 0 ? clearInterval(tiemExecution) : $(".day").eq(0).html(time);
}),intervalTime);

这样？

Answer 2

append之后再执行倒计时函数