JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.0.2/angular.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng-app="app" ng-controller="ctrl">
<p>{{test}}</p>
<p>Counter: {{counter}}</p>
<p>ClickCounter: {{clickCounter}} </p>
<button type="button" id="updateButton" class="btn" ng-click="click()" ng-dblclick="dclick()" data-update-text="<i class='icon-refresh'></i> Aktualisieren">OK</button>

</div>

JavaScript

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

app.controller("ctrl", function($scope, $timeout){
    $scope.test = "Info to test";
    $scope.counter = 0;
    $scope.clickCounter = 0;
    $scope.clicked = true;
    $scope.stopped = false;
    
    $scope.click = function(){
        $scope.clicked = $timeout(function(){
            if($scope.stopped == false){
                $scope.counter = $scope.counter + 1;
            }
        },500);
    };
    
    $scope.dclick = function(){
        $scope.stopped = $timeout.cancel($scope.clicked);
        
        if($('#updateButton').hasClass("active")){
            $('#updateButton').removeClass("active");                 
            $('#updateButton').button("reset");
        }
        else{
            $('#updateButton').addClass("active");
                $('#updateButton').button("update");    
        }
    };
});