デジタル時計が表示されません

タイムカードアプリの一覧カスタマイズビューに次の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>

 

ao1962さん

 

カスタマイズビューに設定したJSは動作しないようなので、JSは別途jsファイルとしてアプリに適用してみてください。

https://help.cybozu.com/ja/k/user/js_customize.html

回答ありがとうございました。

実は次の別の投稿で同じ質問をして、投稿に紹介されていたTimeCard.jsファイルをそのままアプリに適用しましたが、全く表示されませんでした。

https://cybozudev.zendesk.com/hc/ja/community/posts/251237643-%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%A7-%E3%82%BF%E3%82%A4%E3%83%A0%E3%82%AB%E3%83%BC%E3%83%89%E3%81%8C%E7%99%BB%E9%8C%B2%E3%81%95%E3%82%8C%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84

上記のfunction clock() { …のコードをjsファイルに組み直しましたら、デジタル時計として動いて表示されました。

次は、ボタンをjsファイルに組み直して、実行クリックができるようにします。

ao1962さん

 

すみません。前の投稿確認できていませんでした。

ひとまず動いたようで良かったです!

ちなみにですが、今後JSがうまく動かないときなどはコードも記載いただけると、よりポイントを絞った回答ができると思いますのでよろしくお願いします。

 

次はタイムカードボタンでよろしくお願いします(分からない時は新たな投稿で質問します)。