http://pastebin.com/RkhbhYraに HTML ページがあり、関連する JavaScript は次のとおりです。
var wallclock_now = new Date();
var wallclock_minute = wallclock_now.getMinutes();
var wallclock_hour = wallclock_now.getHours() % 12 + wallclock_minutes / 60;
var wallclock_minute_angle = wallclock_minute * 6;
var wallclock_hour_angle = wallclock_hour * 30;
var wallclock_minute_hand = document.getElementById('minutehand');
var wallclock_hour_hand = document.getElementById('hourhand');
wallclock_minute_hand.setAttribute('transform', 'rotate(' + wallclock_minute_angle + ',50,50)');
wallclock_hour_hand.setAttribute('transform', 'rotate(' + wallclock_hour_angle + ',50,50');
これは、David Flanagan のJavaScript: The Definitive Guide (第 6 版)の例 21-3 のコピーとして意図されています。
うまくいかないようです。AFAICT内に黒以外のものがない黒い円を作ります。JavaScript コンソールにエラーは表示されません。
Chrome で表示しています。
提案?