I am new on jQ and still have some problemes to make multiples instances.

I have write a countdown in JS, long time ago.

2. <script language="javascript">
3. date_today = new Date();
4. date1=date_today.getTime();
5. date_end_event = new Date(2015,12,20,11,40,00); //yyyy,mm,dd,hh,mm,ss
6. date2=date_end_event.getTime();
7. 
   
8. remaining = (date2-date1)/1000;
9. remaining_days = Math.floor(remaining/86400);
10. remaining_hours = Math.floor((remaining-(remaining_days*86400))/3600);
11. remaining_minutes = Math.floor(((remaining-(remaining_days*86400))-(remaining_hours*3600))/60);
12. remaining_seconds = Math.floor(((remaining-(remaining_days*86400))-(remaining_hours*3600))-(remaining_minutes*60));
13. 
    
14. var interv;
15. var days = remaining_days;
16. var hours = remaining_hours;
17. var min = remaining_minutes;
18. var sec = remaining_seconds;
19. function incremente() {
20. if (days==0 && hours==0 && min==0 && sec==1 ) {
21. clearInterval(interv);
22. document.getElementById('cab').innerHTML="THIS IS THE END !";
23. }else{
24. if (sec>0) {sec--;}
25. if (sec==0) {sec=60;min--;
26. if (min<0) {min=59;hours--;
27. if (hours<0) {days--;hours=23;}
28. }
29. }
30. document.getElementById('cab').innerHTML=""+days+"j "+hours+"h "+min+"m "+sec+"s";
31. }
32. }
33. function init() 
34. {
35. interv=setInterval("incremente()",1000);
36. }
37. document.onLoad=init();
38. </script>
39. <div id="cab"></div>

This work fine for a simple instance but i need more on a same page.

like

1. <div id="cab1" data-date-type="2015-12-29 12:33:52"></div>
2. <div id="cab2" data-date-type="2016-01-12 14:10:45"></div>
3. <div id="cab3" data-date-type="2015-05-07 28:55:00"></div>
   

Thanks for helping me to understand how