如何在angularjs中的特定時間提交事件？

我爲AngularJS製作了一個網頁。如何在angularjs中的特定時間提交事件？

我希望我的網頁在特定時間內採取行動。

例如，

如果2016年1月7日11:00:00，

NG-節目要採取行動。

計時器正在使用角度計時器。

http://siddii.github.io/angular-timer/?utm_source=angular-js.in&utm_medium=website&utm_campaign=content-curation

不過，我不知道我怎麼能裝事件當時間變爲0

來源

2016-01-06 whdals0

如果您需要在計時器達到0執行一些代碼，那麼就使用了「定時器停止「事件。發現here

只是一個提示：您可以通過使用一個recognised format in the constructor或使用Date.parse

這樣你就可以檢查您的日期/時間目標已通過發生（或超過）構造一個有效的日期對象：

var targetDate = new Date('2016-01-07 11:00:00'); 

function targetDateHasPassed() { 
    return new Date() >= targetDate; 
} 

if(targetDateHasPassed()) { 
    //...do stuff 
}

來源

2016-01-06 13:44:16

我想通過檢查時間，沒有按鈕引發事件。但是，多虧你的興趣。 – whdals0

您可以使用普通Java創建一個實時計時器，並在if語句的時候檢查if語句。就像這樣：

var app = angular.module('App', []); 
 

 
app.controller('MainCtrl', function($scope, $timeout) { 
 
    $scope.clock = "loading clock..."; // initialise the time variable 
 
    $scope.tickInterval = 1000 //ms 
 

 
    var tick = function() { 
 
    $scope.clock = Date.now() // get the current time 
 
    $timeout(tick, $scope.tickInterval); // reset the timer 
 

 
    var d = new Date(); 
 
    if (d.getMonth() + 1 == 1 && d.getDate == 7 && d.getHours == 11) { //January is 0, February is 1, and so on 
 
     //Your code goes here... 
 
    } 
 
    } 
 

 
    // Start the timer 
 
    $timeout(tick, $scope.tickInterval); 
 
});

<!DOCTYPE html> 
 
<html ng-app="App"> 
 

 
<head> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script> 
 
    <script src="app.js"></script> 
 
</head> 
 

 
<body ng-controller="MainCtrl"> 
 
    <div> 
 
    <p>{{ clock | date:'medium'}}</p> 
 
    </div> 
 
</body> 
 

 
</html>

在這個演示中，我使用.getSeconds，但你也可以做月，日，小時，分鐘，得到你想要的日期警報。

我希望這對你有所幫助:)

來源

2016-01-06 13:54:27 SjaakvBrabant

謝謝。這對我很有幫助。 – whdals0

不客氣，順便說一句我編輯了一下，現在它適用於你要求的具體日期:) – SjaakvBrabant

如何在angularjs中的特定時間提交事件？

回答

相關問題