タイムカードアプリの一覧カスタマイズビューに次のHTMLを設定して、一覧画面にデジタル時計（年月日含む）を表示させたいのですが、表示されません。
ちなみに、次のHTMLをホームページファイル(*.html)として作成すると、きちんと表示されて、時計として動きます。
<title>タイムカード</title>
<meta charset=“utf-8”>
<style type=“text/css”>
body, ul, li {margin:0; padding:0; list-style:none;}
/* 日時表示 */
div.date-time {
height:50px;
padding:10px;
background:#44810F;
border-bottom:1px solid #fff;
color:#fff;
}
.year {width:150px; text-align:center; virtical-align:bottom; }
.date {width:150px; text-align:center;}
.time {font-size:200%;}
</style>
<script>
function clock() {
var myDay = new Array(“SUN”,“MON”,“TUE”,“WED”,“THU”,“FRI”,“SAT”);
var now = new Date();
var year = now.getFullYear(); // 年
var month = now.getMonth()+1; // 月
var date = now.getDate(); // 日
var day = now.getDay();
var hour = now.getHours(); // 時
var min = now.getMinutes(); // 分
var sec = now.getSeconds(); // 秒
// 西暦を桁区切りなしで表示する指定
if(year) { year = “” + year; }
// 数値が1桁の場合、頭に0を付けて2桁で表示する指定
if(hour < 10) { hour = “0” + hour; }
if(min < 10) { min = “0” + min; }
if(sec < 10) { sec = “0” + sec; }
// フォーマット年
var clock1 = year;
document . getElementById(‘year’) . innerHTML= clock1 . toLocaleString(); // div id=“year”
// フォーマット月日
var clock2 = month + ‘/’ + date + ’ ’ + ‘’+ myDay[day] +‘’;
document . getElementById(‘date’) . innerHTML= clock2 . toLocaleString(); // div id=“date”
// フォーマット時間
var clock3 = hour + ‘:’ + min + ‘:’ + sec;
document . getElementById(‘time’) . innerHTML= clock3 . toLocaleString(); // div id=“time”
// 1000ミリ秒ごとに処理を実効
window . setTimeout( “clock()”, 1000);
}
window . onload = clock;
</script>
<body>
<div class=“date-time”>
<table>
<tbody><tr>
<td class=“year” id=“year”></td>
<td rowspan=“2” class=“time” id=“time”></td>
</tr>
<tr>
<td class=“date” id=“date”></td>
</tr>
</tbody></table>
</div>
</body>