- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：PHPとjavascriptを融合させたカウントダウンを作りたい）
PHPとjavascriptを融合させたカウントダウンの作り方
このQ&Aのポイント
- PHPとjavascriptを組み合わせて、サーバー時刻を使ったカウントダウンを作成する方法について教えてください。
- 現在、利用しているjavascriptのコードをPHPで取得したサーバー時刻に変更し、カウントダウンを実現させたいと考えています。
- 実際に試したところ、PHPで取得した秒でカウントダウンが止まってしまいます。どのように対処すればよいでしょうか？
- di-keichu
- お礼率83% (94/112)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<script type="text/javascript"> <!-- var second=<?php print date(s) ?>; function tokei() { var str=second; document.getElementById("tokei").innerHTML=str; second -= 1; if (second<= 0) window.clearInterval(); } //--> </script> <body onload="window.setInterval('tokei()',1000)">
お礼
解決致しましたのでご報告です。 下記のようなスクリプトを組む事でカウントダウンが行えるようになりました。 <script type="text/javascript"> <!-- var phpsecond=<?php print date(s) ?>; var nowsecond=phpsecond; var secondcount=60; function tokei(){ document.getElementById('tokei').innerHTML=secondcount-nowsecond; nowsecond++; setTimeout('tokei()',1000); } //--> </script> <body onload="tokei()">
補足
ご回答ありがとうございます。 こちら、実践してみたところ、リロードする度にカウントダウンの残り秒数が増えて しまいます。それと、放置しておくと際限なく秒数がマイナスで増えていくのですが、 できれば、 2秒 → 1秒 → 0秒 → 59秒 → 58秒 …と、 ループさせたいのですが可能でしょうか。