Image Clock

<!DOCTYPE HTML>
<html>
<head>
<title>The time is...</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">

function parseurlresults(data, pageid)
{
// alert(JSON.stringify(data.query));
if(data.query.pages && data.query.pages[pageid] && data.query.pages[pageid].imageinfo[0] && data.query.pages[pageid].imageinfo

[0].url)
{
var element = document.getElementById('image1');
element.src = data.query.pages[pageid].imageinfo[0].url;
element.style.maxWidth = screen.width + "px";
}
else
{
writetimetext();
}

}

function parselistresults(data)
{
// alert(JSON.stringify(data.query));
if(data.query.categorymembers && data.query.categorymembers[0])
{
var r = Math.floor(Math.random() * data.query.categorymembers.length);

// do another ajax query:
$.ajax({
url: 'https://commons.wikimedia.org/w/api.php',
        data: {
            action: 'query',
            format: 'json',
            prop: 'imageinfo',
        titles: data.query.categorymembers[r].title,
            iiprop: 'url',
        },
        dataType: 'jsonp',
        type: 'GET',
        success: function (urldata) { parseurlresults(urldata, data.query.categorymembers[r].pageid); },
    error: function( xhr ) {writetimetext();}
    });

}
else
{
writetimetext();
}

}

function writetimetext()
{
//alert("failed!");
var dTime = new Date();
var hours = dTime.getHours();
var minute = dTime.getMinutes();
var hours12 = hours;
if(hours12 > 12)
    hours12 -= 12;
var timestring = '' + hours12 + ':' + ((minute < 10) ? '0' : '') + minute + ((hours >= 12) ? " PM" : " AM");

var n = document.getElementById('clocktext');
$(n).html('Failed to load image. The time is ' + timestring);
}

function loadTimePic()
{
var dTime = new Date();
var hours = dTime.getHours();
var minute = dTime.getMinutes();
if(hours > 12)
    hours -= 12;
var category = "Time_" + ((hours < 10) ? '0' : '') + hours + ':' + ((minute < 10) ? '0' : '') + minute;
//alert(category);

$.ajax({
url: 'https://commons.wikimedia.org/w/api.php',
        data: {
            action: 'query',
            format: 'json',
            list: 'categorymembers',
        cmnamespace: 6,
            cmtitle: 'Category:' + category,
        },
        dataType: 'jsonp',
        type: 'GET',
        success: function (data) { parselistresults(data); },
    error: function( xhr ) {writetimetext();}
    });

}

$(document).ready(function () {
    loadTimePic();
    // window.setInterval(loadTimePic,60000);
  });

</script>

</head>
<body id="body">
<img id="image1" src=""/>
<div style="font-size: 30pt;" id="clocktext" ></div>
</body>