Hide and show footer with footer message In angularjs
<p>I am trying to create an angular app in Intel XDK, I have 3 page scripts In index.html and have 3 separate footers.what I need is when I run each page  the footer and footer message will show and hide every 5 seconds</p>

<p>app.js</p>

<pre><code>app.controller('main', function ($scope,$interval,$ionicModal,localStorageService,$http,$q,$templateCache) {
$scope.showFooter =true;
$scope.footer_message ='Powered By';
   $scope.checkConnection=function() {
            var networkState = navigator.connection.type;

            if(networkState == Connection.NONE){
                $scope.footer_message = "No Network Connection";

                return false;

            }else{
                $scope.footer_message = "Powered By";
                return true;
            }
        }

        $interval(function() {
            if($scope.showFooter)
            {
                $scope.showFooter =false;
            }
            else{
                $scope.showFooter =true;
            }
        },5000);
    });
</code></pre>

<p>index.html</p>

<p>I have 3 pages in index.html and 3 pages have separate 3 footers like</p>

<pre><code>&lt;div class="bar bar-footer bar-balanced" style="background-color:#444444;"&gt;
                &lt;div class="title"&gt;{{footer_message}}&lt;/div&gt;
&lt;/div&gt;
</code></pre>