https://onemotoring.lta.gov.sg/etc/designs/onemotoring/assets/clientlibs/traffic-cameras.min.js

1
2$(document).ready(function(){
3	getHomeTrafficCamera();
4
5	//setInterval(function(){ getHomeTrafficCamera(); }, 60000);
6});
7
8function getHomeTrafficCamera(){
9	$.ajax({
10        url: $('#cam_source_path').val(),
11        type: 'GET',
12        dataType: 'jsonp',
13        jsonp: 'callback',
14        jsonpCallback: 'homeTrafficCamera',
15        success: function(data) {
16            if(data.imageUrl){
17                var html = "";
18
19                //Tuas checkpoints
20                var imgUrl2 = data.imageUrl2;
21                if(data.imageUrl2.indexOf('nocameraimage.jpg') != -1) {
22                    imgUrl2 = "/content/dam/onemotoring/images/nocamera.jpg";
23                }
24
25                var d2 = moment(data.imageDateTime2);;
26
27                html += "<div class=\"card__title\">View from Tuas Checkpoint</div>";
28                html += "<div class=\"timestamp\">";
29                html += `<span class=\"left\">${d2.format('DD/MM/YYYY HH:mm')} hrs</span>`;
30                html += `<span class=\"right\">Updated ${d2.fromNow()}</span>`;
31                html += "</div>";
32                html += "<div class=\"camera-feed\">";
33                html += "<img src=\"" + imgUrl2 + "\" alt=\"Tuas Checkpoint\">";
34                html += "</div>";
35                $("#tuas_camera").html(html);
36
37                //Woodlands checkpoints
38                var imgUrl = data.imageUrl;
39                if(data.imageUrl.indexOf('nocameraimage.jpg') != -1) {
40                    imgUrl = "/content/dam/onemotoring/images/nocamera.jpg";
41                }
42
43                var d = moment(data.imageDateTime);
44
45                html = "<div class=\"card__title\">View from Woodlands Checkpoint (Towards Johor)</div>";
46                html += "<div class=\"timestamp\">";
47                html += `<span class=\"left\">${d.format('DD/MM/YYYY HH:mm')} hrs</span>`;
48                html += `<span class=\"right\">Updated ${d.fromNow()}</span>`;
49                html += "</div>";
50                html += "<div class=\"camera-feed\">";
51                html += "<img src=\"" + imgUrl + "\" alt=\"Woodlands Checkpoint\">";
52                html += "</div>";
53                $("#woodlands_camera").html(html);
54            }
55        }
56    });
57}