質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Q&A

1回答

646閲覧

カウントダウンをページ遷移してもリセットされないよう維持したいです。

ken1115

総合スコア0

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

0グッド

0クリップ

投稿2021/11/15 12:24

編集2021/11/15 12:34

発生している問題・エラーメッセージ

カウントダウンがページ遷移するとリセットしてしまう。リセットされないように維持するにはどうすれば良いでしょうか?

該当のソースコード

var

1var cook; 2var cStart2,cEnd2; 3var endtime; 4cook=document.cookie + ";"; 5cStart2 = cook.indexOf("END2=",0); 6if (cStart2 == -1){ 7var endDate = new Date(); 8var endDateAfter = new Date(endDate.getTime() + (1000*60*15)); 9endDate.setTime(endDate.getTime() + (1000*10*1)); 10var mem = endDate.toGMTString(); 11document.cookie = "END2=" + endDateAfter + ";expires=" + mem; 12endtime = endDateAfter; 13} else { 14cEnd2 = cook.indexOf(";", cStart2); 15endtime = cook.substring(cStart2 + 5, cEnd2); 16endtime = Date.parse(endtime); 17} 18function countdownTimer1(){ 19var nowDate = new Date(); 20var period = endtime - nowDate; 21var addZero = function(n){return('0'+n).slice(-2);} 22if(period > 0) { 23var min = Math.floor(period / (1000 * 60)); 24period -= (min * (1000 * 60)); 25var sec = Math.floor(period / 1000); 26period -= (sec * 1000); 27var milli = Math.floor(period / 10); 28var insert = ""; 29insert += '残り時間 <span>00:' + addZero(min) + ':' + '</span>'; 30insert += '<span>' + addZero(sec) + ':' + '</span>'; 31insert += '<span>' + addZero(milli) + '</span>'; 32document.getElementById('timer3').innerHTML = insert; 33setTimeout(countdownTimer1, interval); 34} else { 35var insert = ""; 36insert += ''; 37document.getElementById('timer3').innerHTML = insert; 38} 39} 40function countdownTimer2(){ 41var nowDate = new Date(); 42var period = endtime - nowDate; 43var addZero = function(n){return('0'+n).slice(-2);} 44if(period > 0) { 45var min = Math.floor(period / (1000 * 60)); 46period -= (min * (1000 * 60)); 47var sec = Math.floor(period / 1000); 48period -= (sec * 1000); 49var milli = Math.floor(period / 10); 50var insert = ""; 51insert += '残り時間 <span>00:' + addZero(min) + ':' + '</span>'; 52insert += '<span>' + addZero(sec) + ':' + '</span>'; 53insert += '<span>' + addZero(milli) + '</span>'; 54document.getElementById('timer4').innerHTML = insert; 55setTimeout(countdownTimer2, interval); 56} else { 57var insert = ""; 58insert += ''; 59document.getElementById('timer4').innerHTML = insert; 60} 61} 62countdownTimer1(); 63countdownTimer2();

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/11/15 12:39

JavaではなくJavaScriptでは<質問タグ
guest

回答1

0

どこかに保持しておく必要があるのでWebStorageなどの使用を検討してください。

投稿2021/11/15 13:34

m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ken1115

2021/11/15 15:17

ありがとうございます。 具体的にどのように記述すれば良いかを教えていただくことは可能でしょうか?
m.ts10806

2021/11/15 20:10

回答に提示した記事は読みましたか? そこから辿っていけばサンプルコードもありますよ。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問