feat: improve countingZone and example

Author: btford

counting-zone.js

@@ -5,18 +5,18 @@
 Zone.countingZone = {
 
   // setTimeout
-  enqueueTask: function () {
+  '+enqueueTask': function () {
     this.data.count += 1;
   },
 
   // fires when...
   // - clearTimeout
   // - setTimeout finishes
-  dequeueTask: function () {
+  '-dequeueTask': function () {
     this.data.count -= 1;
   },
 
-  afterTask: function () {
+  '+afterTask': function () {
     if (this.data.count === 0 && !this.data.flushed) {
       this.data.flushed = true;
       this.run(this.onFlush);

example/counting.html

@@ -28,20 +28,20 @@ <h1>Counting Pending Tasks</h1>
      */
     var myCountingZone = zone.fork(Zone.countingZone).fork({
       '+onZoneCreated': function () {
-        Zone.countingZone.start || (Zone.countingZone.start = Date.now());
+        this.data.start || (this.data.start = Date.now());
         this.print();
       },
       '-afterTask': function (delegate) {
         this.print();
       },
       '+reset': function (delegate) {
-        Zone.countingZone.start = 0;
+        this.data.start = 0;
       },
       print: function () {
         counter = this.counter();
         output.innerHTML = counter ?
             'pending task count: ' + counter :
-            ' DONE! ' + (Date.now() - Zone.countingZone.start)/1000 + 's';
+            ' DONE! ' + (Date.now() - this.data.start)/1000 + 's';
       }
     });