setInterval(next, 1000);
//1:30後の時刻取得
function get_next(){
nextTime = new Date();
nextTime.setTime(nextTime.getTime() + 90*60*1000);
}
function next(){
nowTime = new Date();
outputTime = nextTime.getTime() - nowTime.getTime();
getElementById('output').innerHTML = outputTime;
}
これで1時間30分後までの時間差分をミリ秒で取得は出来てるんですが
これを1秒ごとに実行して
これをx時間x分x秒後 という感じに表示させたいのですが何か良い方法はありませんか?
No.1ベストアンサー
- 回答日時:
こんな感じで
<script>
//1:30後の時刻取得
function get_next(){
nextTime = new Date();
nextTime.setTime(nextTime.getTime() + 90*60*1000);
}
function next(){
nowTime = new Date();
outputTime = nextTime.getTime() - nowTime.getTime();
outputTimeStr=parseInt(outputTime / (60*60*1000))+"時間";
outputTimeStr+=parseInt((outputTime % (60*60*1000)) / (60*1000))+"分";
outputTimeStr+=parseInt((outputTime % (60*1000)) / 1000)+"秒";
document.getElementById('output').innerHTML = outputTimeStr;
}
window.onload=function(){
get_next();
setInterval(next, 1000);
}
</script>
<div id="output"></div>
No.6
- 回答日時:
#3です。
みじかいのがすきだとおもうので。function hoge(a,o) {
var x=60,y=x*x,z=1000,e=document.getElementById(o),t=(new Date).getTime()+a*z,u;
return e?function(){if((u=(t-(new Date).getTime())/z|0)<=0)t+=a*z;
e.firstChild.nodeValue=(u/y|0)+'時間'+((u%y)/x|0)+'分'+(u%x)+'秒'}:null
}
No.5
- 回答日時:
#3です。
>タイムアップ時に一瞬だけ『 -1時間-1分-1秒 』と表示されるかも。
なぁ~にぃ~~~。やっちまったなぁ~~~。
以下修正。
tt = ( t - (new Date).getTime() ) / 1000;
を
tt = int( ( t - (new Date).getTime() ) / 1000 );
に。
もうしわけない。
No.3
- 回答日時:
たいむあっぷなしで。
えんどれす?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>TEST</title>
<body>
<div id="a"></div>
<script type="text/javascript">
function hoge ( secondTime, outId ) {
var e, t, f;
var int = Math.floor;
if( e = document.getElementById( outId ) ) {
t = (new Date).getTime() + secondTime * 1000;
f = function ( ) {
var h, m, s, tt;
tt = ( t - (new Date).getTime() ) / 1000;
if( tt <= 0 )
t += secondTime * 1000;
h = int( tt / 3600 );
m = int( (tt % 3600 ) / 60 );
s = int( tt % 60 );
e.firstChild.nodeValue = h + '時間' + m + '分' + s + '秒';
};
// f();
return f;
}
return null;
}
var fuga = hoge( 90 * 60, 'a' );
fuga && setInterval( fuga, 1000 );
</script>
No.2
- 回答日時:
変数はできるだけvarで定義して、グローバルにしないほうがいいかも…
基本的には、得られているミリ秒を1000で割れば秒が求められ、あとは60進法で考えればよろしいかと。
そのままの例は#1様が回答済みなので、タイムアップしたら自動で止まる例
* 分と秒は常に00の2桁表示、時間は数値に応じて表示。
* 残り0秒になったら「Time Up!」表示にかわり、自動的に停止します。
* 仮に値が24時間を越えても25、26・・・で、日数換算はしていません。
(と言うような値にはならないけれど…)
ご参考までに。
<script type="text/javascript">
window.onload = function() {
var output = '', tmp, deff , i = 0;
var sep = ',秒,分,時間'.split(',');
if (!this.time) this.time = new Date();
deff = new Date() - this.time;
deff = Math.round(90*60 - deff/1000);
if (deff > 0) {
while (i < 2) {
tmp = '0' + (deff % 60), deff = Math.floor(deff / 60);
output = tmp.substr(tmp.length-2) + sep[i++] + output;
}
output = deff + sep[3] + output;
setTimeout(arguments.callee, 500);
} else {
output = 'Time Up!!';
}
document.getElementById('output').innerHTML = output;
}
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) 順列をランダムに発生するプログラム 1 2022/11/16 12:16
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- Visual Basic(VBA) VBAで時間(00:00形式)を積算(足し算)したい 1 2022/11/15 17:04
- Visual Basic(VBA) ①ExcelVBAでカレンダーを作り、別のユザーフォームで日付を入力したいのですがエラーになります。 1 2023/02/17 18:39
- Visual Basic(VBA) ExcelVBAに関する質問 3 2023/02/17 10:47
- Visual Basic(VBA) EXCEL VBAにて動的にCheckBOXを複数作成し、同BOXにイベントを追加したい 1 2023/03/16 07:05
- その他(開発・運用・管理) bashで15分前と現在のエポックタイムの時間を取得したい 2 2023/02/01 19:10
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- 英語 What time the next train will come at this station 5 2023/02/11 20:05
- Excel(エクセル) VBA フォルダ見える化のコードについて 2 2023/06/19 15:04
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
クリックすると上に開くアコー...
-
getElementByIdを使用したグロ...
-
要素名がスペースを含む場合のj...
-
idを使わずにonclickで自身の要...
-
jslintのエラーについて質問
-
setTimeoutで、止まらない
-
無名関数を使うメリットは何で...
-
pythonでのクロージャの記述
-
jqueryの変数を関数の外に出す方法
-
コードをスマートにさせたい。
-
ajax反映後のjqueryが動かない
-
google apps scriptの終了のさせ方
-
翌月を取得するGASが分かりません
-
GASでundefinedエラーが出ます
-
日付の書式の確認方法
-
Linux バイナリ実行できない "...
-
ジェネレーターの作り方
-
ActiveXobjectが作成できない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
phpでの文字の点滅表示
-
JAVAスクリプトで指定時間以降...
-
jslintのエラーについて質問
-
ページ内に複数表がある場合のT...
-
XMLHttpRequestでキャッシュを...
-
関数名をテキストから読み込む...
-
jQueryでzipを解凍読み込みする...
-
getElementByIdを使用したグロ...
-
jQuery 同じ処理を関数にまとめ...
-
クリックすると上に開くアコー...
-
小数点以下を5刻みで表示
-
Javascriptで引数の参照渡しか...
-
jQueryの"return false"の役割...
-
javascript(jQuery)でセル内...
-
jQueryの :not() .not() が有効...
-
jqueryの変数を関数の外に出す方法
-
jquery 複数のメソッド
おすすめ情報