FileMaker のレイアウトに時計を配置する

p388cell

レイアウト上に時計を配置したいという要望はまれによくある。
今回はそんなサンプル。

世の中には、さまざまな時計を実装している人たちがいる。


Y 氏によると 「Web ビューアは甘え」とのことだが、役に立つ人もいるかもしれないので、一応載せておく。

次のコードを Web ビューアにはっつければそのまま動くと思う。

"data:text/html,

<html>
<body>

<div id='clock'></div>

<script>

function displayTime() {

var time = new Date();

var hours = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();

var ampm = hours >= 12 ? 'pm' : 'am';

hours = hours % 12;
hours = hours ? hours : 12;

minutes = minutes < 10 ? '0'+minutes : minutes;
seconds = seconds < 10 ? '0'+seconds : seconds;

var currentTime = hours + ':' + minutes + ':' + seconds + ' ' + ampm;

document.getElementById('clock').innerHTML = currentTime;

setTimeout(displayTime, 1000);
}

displayTime();


</script>


</body>

</html>

"


サンプル



その他時計情報

オンタイマーなどを駆使した力作は次のリンクを参照。ファイルはダウンロードできる。素敵 ( おばか ) なファイルたちである。



この記事が気に入ったらサポートをしてみませんか？