人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【javascript】「このページが開かれて○○秒経っています」と
javascriptで表示をして、
「○○」の部分をリアルタイムで加算していきたいです。
現在時間を取得して1秒ずつ足していく感じだと思うのですが、
よろしければソースを書いて頂けると幸いです。


●質問者: pandeiro_jp
●カテゴリ:ウェブ制作
✍キーワード:JavaScript ソース リアルタイム 現在
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● 牛乳先生(tukihatu)
●60ポイント ベストアンサー

http://javascript.maxux.com/js019.htm

このページのスクリプトを逆にすれば良いですね。

簡単に書くとこんなかんじ

<head>
<script type="text/javascript">
window.onload = function(){
theDay = new Date();
ready = theDay.getTime();

setInterval(function() {
 var now = new Date();
 var today = now.getTime();
 var timeToGo = Math.floor(today/1000) - Math.floor(ready/1000);
 var secondsToGo = ((timeToGo >= 0) ? timeToGo : "");
 try {
 if(secondsToGo) {
 document.getElementById("countdown").innerHTML = "このページが開かれて" + secondsToGo + "秒経っています";
 } else {
 document.getElementById("countdown").innerHTML = "";
 }
 } catch(e) {
 return false;
 }
},1000);
}
// end of JavaScript -->
</script>
</head>

<body>

<p id="countdown"></p>
</body>
</html>
◎質問者からの返答

できましたありがとうございます!!


2 ● GoldenDawn
●10ポイント
<html>
 <head>
 <script type="text/javascript">
 function updateTimerView() {
 passed = Math.floor(((new Date) - start) / 1000) ;
 document.getElementById('timer').innerHTML = "このページが開かれて" + passed + "秒経っています" ;
 }

 onload = function() {
 start = new Date ;
 setInterval(updateTimerView, 1000) ;
 }
 </script>
 </head>

 <body>
 <div id="timer"></div>
 </body>
</html>

http://q.hatena.ne.jp


3 ● Mars
●10ポイント

こんな感じでしょうか。

<script type="text/javascript">
document.write('このページが開かれて<span id="T">0<\/span>秒経っています。');
var startTime = (new Date).getTime();
setInterval(function(){
document.getElementById('T').firstChild.nodeValue
 = parseInt(((new Date).getTime() - window.startTime) / 1000);
},1000);
</script>

http://q.hatena.ne.jp/

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ