Simple JavaScript Synchronize Events: Wait and process multiple asynchronous events

Recommend this page to a friend!

Download

Info

Example

Files

Download

Reputation

Support forum

Blog

Links

Ratings				Unique User Downloads		Download Rankings
Not enough user ratings				Total: 92		All time: 429 This week: 3

Version		License		JavaScript version		Categories
`synchronizer` 1.0		Q Public License ...		5		Utilities and Tools, Events

Description

Author

gustavo oliveira de avila

This object can wait and process multiple asynchronous events.

It can return one event handler that will be called when an asynchronous task is finished.

When all asynchronous tasks are finished it calls a given callback function.

Innovation Award

November 2016
Winner

Wait and process multiple asynchronous events

Manuel Lemos

gustavo oliveira de ...

Performance

Level

Name:	gustavo oliveira de ... `<contact>`
Classes:	2 packages by gustavo oliveira de ...
Country:	Brazil
Age:	28
All time rank:	146	14 in Brazil
Week rank:	6	1 in Brazil

Level 1

Innovation award

Nominee: 2x

Winner: 1x

Example

<html>
	<head>
		<script src="syncr.js"></script>
	</head>
	<body>
		<script>
			//instanciate the class
			var Loading=new syncr();
			
			//add a event
			var DCL=Loading.addEvent("Dom Content");
			//finish the event
			document.addEventListener("DOMContentLoaded",DCL);
			
			imageaEvent=Loading.addEvent("Por-do-sol.jpg");
			imagea=new Image();
			imagea.addEventListener("load",imageaEvent);
			imagea.src="Por-do-sol.jpg";
			
			imagebEvent=Loading.addEvent("Inverno.jpg");
			imageb=new Image();
			imageb.addEventListener("load",imagebEvent);
			imageb.src="Inverno.jpg";
			
			imagecEvent=Loading.addEvent("Montanhas-azuis.jpg");
			imagec=new Image();
			imagec.addEventListener("load",imagecEvent);
			imagec.src="Montanhas-azuis.jpg";
			
			imagedEvent=Loading.addEvent("Ninfeias.jpg");
			imaged=new Image();
			imaged.addEventListener("load",imagedEvent);
			imaged.src="Ninfeias.jpg";
			
			Loading.addCB(()=>{
				document.body.appendChild(imagea);
				document.body.appendChild(imageb);
				document.body.appendChild(imagec);
				document.body.appendChild(imaged);
				});
			
		</script>
	</body>
</html>

Files (6)

File	Role	Description
`example.html`	Example	example of usage
`Inverno.jpg`	Photo	image used as example
`Montanhas-azuis.jpg`	Photo	image used as example
`Ninfeias.jpg`	Photo	image used as example
`Por-do-sol.jpg`	Photo	image used as example
`syncr.js`	Class	the class itself