<script language='javascript' type='text/javascript'>
var container = document.getElementById('container');
var graphic = archer.create(container);
graphic.loadUrl('archer.graphic.svg', 'archer.config.json');
graphic.on('ready', function() {
graphic.view.zoomToFit();
setInterval(updateTime, 10);
});
function updateTime() {
var now = new Date();
var seconds = now.getSeconds();
var minutes = now.getMinutes() + (seconds / 60);
var hours = now.getHours() + (minutes / 60);
graphic.setValue('hours', hours);
graphic.setValue('minutes', minutes);
graphic.setValue('seconds', seconds);
}
</script>