首页 > 解决方案 > 如何在angulajs中添加间隔时间。?

问题描述

我正在实现模拟和数字时钟,但问题是,时间没有显示实时时间,如何设置时间间隔以每秒刷新时间?

$scope.TimeZ = moment().format('MMMM Do YYYY, h:mm:ss a');
function TimeZoneDetails(time, date, content, name) {
    this.Time = time;
    this.Date = date;
    this.Content = content;
    this.Name = name;
}
$scope.LstTimeZoneDetails = [];

$($scope.TimeZone.split(", ")).each(function (key, value) {
    var objTimeZoneDetails = new TimeZoneDetails(moment.tz(value).format('LT'),
        moment.tz(value).format('LL'),
        moment.tz.zone(value).abbr(moment.utc().valueOf()),
        moment.tz.zone(value).name);
    //push values to array
    $scope.LstTimeZoneDetails.push(objTimeZoneDetails);
    timedUpdate();
})

在此处输入图像描述

标签: javascripthtmlangularjsmomentjs

解决方案


Angular本身没有区间,可以使用。

var intervalID = window.setInterval(myCallback, 1 * 1000);

function myCallback() {
  console.log('Time');
}

将“ 1 ”替换为您想要的时间。现在间隔设置为1 秒

破坏或停止间隔使用。

clearInterval(intervalID);

推荐阅读