map/map.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Memory Leak Test</title>
</head>
<body>
	
	    <button class="poll">Start Polling</button>
	    <button class="stop">Stop Polling</button><br/><br/>
	    <div id='live'></div>


	<script id="dummyEJS" type="text/ejs">
	    <% stats.each(function(s) { %>
	        Name: <%= s.attr('name') %>: <%= s.attr('homeruns') %> (<%= s.getAverage() %>)<br/>
	    <% }) %>
	</script>

	<script src='../lib/steal/steal.js'></script>
	<script type='text/javascript'>
		steal('can',function(){
			
			Stat = can.Model({
		        id: "name",
		        findAll: function(){
		        		var def = $.Deferred();
		        		
		        		
		        		setTimeout(function(){
		        			def.resolve([
						    {
						    	"id": 0,
						        "name": "Ryan Braun",
						        "homeruns": 2,
						        "atbats": 20,
						        "hits": 12
						    },
						    {
						    	"id": 1,
						        "name": "Troy Tulowitzki",
						        "homeruns": 4,
						        "atbats": 20,
						        "hits": 8
						    }
						])	
		        			
		        		},100)
		        		
		        		return def;
		        	
		        }
		    }, {
		        getAverage: function() {
		            return (this.attr('hits') / this.attr('atbats')).toFixed(3);
		        }
		    });
		    window.counter = 0;
		   
		    var poll = function () {
	
		        	// Increment the counter
		        	counter++;
	
	        		// Fetch stats from server
	            Stat.findAll().then(function(stats) {
	
	
	                // Grab the stats model for Ryan Braun
	                var p = Stat.model({name: 'Ryan Braun'});
	
	                // Update his number of home runs to a random number
	            		p.attr('homeruns', Math.floor(Math.random() * 60 + 1));
	            });
	
	            // Store the timer ID so we can cancel the polling
	            
	             window.timeoutId = setTimeout(arguments.callee,200);
	        }
		    
		    Stat.findAll().then(function(stats){
		    		$("#live").append(can.view('dummyEJS', {
	                stats: stats
	           }))
	           poll();
		    })

		});
	</script>
</body>
</html>