js中使用setInterval浏览器卡死

Question

在js中做一个时间效果，使用setInterval方法每秒调用一次显示时间的Function达到动态的效果，但是运行一会浏览器卡死，求解决方法！

function timer()
{
    var nowDate = new Date();
    //获取年
    var year = nowDate.getFullYear();
    //月
    var month = nowDate.getMonth() + 1;
    if (month < 10) {month = "0" + month;};
    //日
    var dd = nowDate.getDate();
    if (dd < 10) {dd = "0" + dd;};
    //时
    var hh = nowDate.getHours();
    if (hh < 10) {hh = "0" + hh;};
    //分
    var mm = nowDate.getMinutes();
    if (mm < 10) {m = "0" + mm;};
    //秒
    var ss = nowDate.getSeconds();
    if (ss < 10) {ss = "0" + ss;};
    //上午/下午
    var statu = hh > 12?"PM":"AM";

    document.getElementById("nowid").innerHTML = year + "年" + month + "月" + dd + "日&nbsp;&nbsp;&nbsp;" +  hh + ":" + mm + ":" + ss + " " + statu;
    setInterval("timer()",1000);
}

Answer 1

楼上说的是用timeout递归调用。 大多数情况都不用interval的。

Answer 2

以前碰过类似的情况是因为函数执行所花费的时间 大于等于这间隔的时间，所以导致了浏览器很容易被卡死

Answer 3

有什么解决办法没？

Answer 4

timeout的话只能调用一次，我要秒数一直在走，所以选择使用setInterval