a Веб-приложение AngularJS

Question

Я должен реализовать веб-приложение AngularJS. теперь я хочу добавить среднее время или таймер обратного отсчета. Я хочу, чтобы что-то быстро работало. (викторина и часть вопроса уже реализованы)

Answer 1

Вы можете использовать setInterval для подсчета переменной со 100 в секунду. Если переменная достигает 0, выполните действие, например перенаправление пользователя на следующий вопрос.

var countDown = 100; 
setInterval(function(){ 
    countDown--; 
    if (0 == countDown) { 
    alert('Your time is up. Here is your next question'); 
    // Provide next question 
    countDown = 100; 
    } 
}, 1000); 

Answer 2

я создал таймер обратного отсчета времени для нескольких аналогичных целей PLUNKER, думал, что потребуется некоторое изменение, чтобы быть идеально подходит для точной потребности

1. Сначала вы видите страницу с инструкциями, где таймер инициализируется до 2 часов.

2. Затем переходят на вопросы 1, где таймер начинает

3. от вопроса 1 вы можете пойти, чтобы помочь страницу, где таймер паузы

4. то вернуться к вопросу 2, где резюме таймера. ..

согласно вашему требованию вы можете использовать услугу, как показано ниже:

1. начала инициализации его на первой странице

   app.controller('view1Ctrl', function($scope, $csCountdown){ 
       $csCountdown.init(2 * 3600); // 2 hours 
       $scope.countdown = $csCountdown.data; 
   }) 
   

2. запустить счетчик на второй странице

   app.controller('view2Ctrl', function($scope, $csCountdown){ 
       $csCountdown.start(); 
       $scope.countdown = $csCountdown.data; 
   }) 
   

можно отобразить значение на любой странице с помощью countdown.stringValue

<h1>Time : {{countdown.stringValue}}</h1>