定期更新相同 URL 的背景图片

Question

我正在开发 angular JS 应用程序。我的 body 背景必须根据我的服务器托管的图像每分钟更改一次。

在我的HTML中，我使用ng-style设置背景图片：

<body ng-controller="mainCTRL" ng-style="{backgroundImage: 'url(' + imageURL + ')'}">

在我的 mainCTRL 中，图像URL 是这样设置的：

$scope.urlImage = serverURL + '/Images/background.png';

它运行良好，但现在我需要刷新图像。托管图像每分钟都在变化，但它始终托管在同一个 URL 上。为此，我在我的 JS 代码中加入了这个：

startRefresh();

function startRefresh() {
    $interval(test, );
}

test = function () {
    $scope.urlImage = '';
    $timeout(function () { 
        $scope.urlImage = serverURL + '/Images/background.png'; 
    }, 1000);
};

计时器工作，每分钟都会调用测试函数，但图像始终相同。

即使 URL 相同，我也希望有一个更改图像的解决方案。

--

我是 javascript 初学者，抱歉我的英语不好。谢谢

Answer 1

尝试在您的测试函数中进行此更改：

test = function () {
    $scope.urlImage = '';
    $timeout(function () { 
        $scope.urlImage = ''; // add this line
        $scope.urlImage = serverURL + '/Images/background.png'; 
    }, 1000);
};

希望这对你有用..:)

Answer 2

尝试将 url 更改为：

var currentTime = new Date().getTime();
$scope.urlImage = serverURL + '/Images/background.png?' + currentTime;

定期更新相同 URL 的背景图片

Update background image with same URL periodically

html

javascript

background-image

angularjs

ng-style