何度も繰り返すカウントダウンタイマーの作り方を教えて下さい

Question

ご質問お願いします。

下記の条件でカウントダウンタイマーを作りたいと考えております。

【条件】
・期間を3日間と設定し、期間を過ぎるとまた3日間のカウントを永遠に繰り返す。
・表示するのは、「＊日」「＊時間」「＊分」「＊秒」
・ｊQueryに依存しないJavascriptだけで動く

【希望】
・スマートフォンページで使用するので出来るだけ負荷の少ない物。

既に下記のようにカウントダウンタイマーを作成したのですが、カウントダウンの数値がマイナス（ー）で表示されてしまいます。
何時間も格闘しているのですが、未だに原因がわかりません。

setInterval("t()",10);// 1/100秒単位で呼び出し
function t(){
p=9*60*60*1000;//alert(new Date(0).getTime())はAM9:00からだったから
t0=24*60*60*1000;//１日の単位
t1=(new Date()).getTime()+p;//1970 AM0:00からの秒数
t2=INT(t1/t0);//1970年から何日目かを求める
t3=t2%3;//３日で割り余りの日（追加分）を求める
t4=(t2+t3)*t0;//今日から３日単位の余りの日数を加算し、予定日の秒数を計算
t5=t4-t1;//予定時間から現在の時間を引いて、あと何秒かを計算
ms=INT(t5%1000/10);
ss=INT(t5/1000)%60;
mi=INT(t5/60000)%60;
hh=INT(t5/3600000)%24;
dd=INT(t5/t0);

console.log(ms, ss, mi, hh, dd)

document.getElementById('timer').innerHTML='あと '+((dd)?dd+'日と ':'')+num0(hh,2)+"時"+num0(mi,2)+"分"+ss+"."+num0(ms,2)+"秒";
t5-=10; if(t5<0) t5=t0*3;
}
function INT(n){ 
	return Math.floor(n) 
}
function num0( num, p ){ 
	var s = '00'+ num; 
	return s.substr( s.length-p,p); 
}

新しくプログラムを作成して頂いても、上記のプログラムを改良して頂いてどちらでも問題ありません。

とても初歩的なプログラムですが、私には手に終えません。
プログラマー様 ぜひお力を貸して下さいませ。

Answer 1

###前置き
ちょっと厳しいことを書かせてもらいます。

###小言

新しくプログラムを作成して頂いても、

これを丸投げと言います。

とても初歩的なプログラムですが、私には手に終えません。

プログラマー様 ぜひお力を貸して下さいませ。

直すのは非常に簡単です。
でも、何のためにこのプログラムがあるんでしょうか？
Javascriptで書いたタイマーなんて、ブラウザを閉じてしまえば、何の役にも立ちません。
もし、勉強のために作っているなら、「新しくプログラムを作成」することはあなたの益にはなりません。

###本文
まず、最初にスクリプトが動き出した時の時間が保存されていません。
なので、いくら頑張ってもそこから3日間が取れません。

var startTime = new Date().getTime();
setInterval("t()",10);// 1/100秒単位で呼び出し

のように時間を保存してください。その後カウントダウンするといいですよ。

Comments

[think49]

小言に同意します。

Answer 2

t2～t5の下りがおかしいと思います

t1=(new Date()).getTime()+p;//1970 AM0:00からの秒数

t2=INT(t1/t0);//1970年から何日目かを求める
t3=t2%3;//３日で割り余りの日（追加分）を求める
t4=(t2+t3)*t0;//今日から３日単位の余りの日数を加算し、予定日の秒数を計算
t5=t4-t1;//予定時間から現在の時間を引いて、あと何秒かを計算

これに値(例えば1970/1/13 09:00:000)を与えると
t1 = 12日+9時間分の時間　//1970 AM0:00からの秒数
t2 = 12　//単純に12という数値
t3 = 0　//単純に0という数値
t4 = 12日分の時間
t5 = -9時間分の時間

---

itv = 3;//3日単位
p=9*60*60*1000;//alert(new Date(0).getTime())はAM9:00からだったから
t0=itv*24*60*60*1000;//3日の単位
t1=(new Date()).getTime()+p;//1970 AM0:00からの秒数
t5=t0 - t1%t0;//3日から、「現在時刻を3日で割った余り」を引く

本当に数値があっているかはちょっと自信がないのですが、こんな感じでどうでしょう？
単純に”3日から、「現在時刻を3日で割った余り」を引く”で良いのでは？

Comments

[hirohiro]

t0を3日にしてしまったので、私の書いたように修正するなら
dd=INT(t5/t0);　は
dd=INT(t5/(24*60*60*1000));　ですね。

[akky-cha]

大変参考になりました。ありがとうございます。