カウントダウンのタイマーをJavaScriptで実装したいです。

Question

前提・実現したいこと

カウントダウンのタイマーを実装したいです。
クッキーを利用して、ログインしたタイミングから30分だけ表示するカウントダウンを実現したいです。
中身はネットで拾ってきたもので、詳細は不明ですが、情報は可能な限り開示いたします。

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

下記の文章の影響で、リンクが本来のURLに＃が追加されて表示されてしまいます。
イメージは
本来のURL：http://hogehoge
JavaScript後のURL：http://hogehoge#

var	timeLimit = getTimeLimit( 1289901741,'#', 0.5);

この影響によりアクセス解析すると大量のアクセスがされてしまっているというエラーが発生しています。
改善方法を教えてください。

JavaScriptの全文は下記通りです。

該当のソースコード

<!-- start of JavaScript
	// 有効期限を取得
	var	timeLimit = getTimeLimit( 1289999999,'#', 0.5);

	// 初回アクセス日を取得
	var	firstTime = '';

	// 残り時間を表示
	$( function()	{	displayCountDown(); } );

	function displayCountDown() {
		var	timer;
//今日の日時を取得
		var	today = new Date()
		var	days = Math.floor( ( timeLimit - today ) / ( 24 * 60 * 60 * 1000 ) );
		var	hours = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / ( 60 * 60 * 1000 ) );
		var	mins = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / ( 60 * 1000 ) ) % 60;
		var	secs = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / 1000 ) % 60 % 60;
		var	milis = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / 10 ) % 100;

	        if(( timeLimit - today ) > 0){
			timer = '<div>このページは残り30分で閉鎖されます。<br /><span class="mojic">'+ addZero( mins ) +'</span>分<span class="mojic">'+ addZero( secs ) +'</span>秒<span class="mojic">'  + addZero( milis ) + ' </span></div>'
			$( '.countdown' ).html( firstTime + timer );

			tid = setTimeout( 'displayCountDown()', 0.5 );
	        }else{
			$( '.countdown' ).html( '<div><span class="blinking">終了準備中<span></div>' ); 
	        }
	}
// end of JavaScript -->

試したこと

下記の'＃'を本来のURLに変更するとリダイレクトのループが継続してしまいます。

var timeLimit = getTimeLimit( 1289901741,'#', 0.5);

わかっていること

・getTimeLimit()は独自関数ということ。
・getTimeLimit(id, page, hours)

参考ページ
https://okwave.jp/qa/q8265784.html

Comments

[退会済みユーザー]

ちゃんと説明しよう

[m.ts10806]

詳細不明のコードをそのまま使うのはリスクです。コピペ元に責任はありません。自身で説明できるようになってから、自身が書いたコードとして出すようにしてください。

[Kunihiro_Narita]

「本来のURL」ではなく「＃」が表示されてしまうのは、「本来のURL」を指定すべきなのに「＃」を指定しているからですよね。を引数に指定していないからですよね。リダイレクトのループが発生しているのは、Cookieを設定し忘れてるだけな気がする。

[ryu01212008]

ありがとうございます。極力自分で理解できるようになってから実装するようにしていきたいと思います。

Answer 1

自分で作りましょう。

とその前に大問題を。
setTimeoutが指定する時間はミリ秒です。 0.5は一秒間に２千回もの処理が発生 することになります。
ご注意を。
下記のように1000を指定でやっと１秒後です。

<script>
  var    timeLimit = new Date();
  timeLimit.setSeconds(timeLimit.getSeconds() + 10);

  // 残り時間を表示
  $( function() {
    displayCountDown(timeLimit.valueOf());
  });

  function displayCountDown(timeLimitVal) {

    timeLimit = new Date(timeLimitVal)
        
    var    today = new Date();
    var dist = parseInt ((timeLimit.valueOf() - today.valueOf()) / 1000);
    if( dist > 0){
       timer = 'このページは残り' + dist + '秒で閉鎖されます。';
       $('.countdown').html( timer );
       tid = setTimeout('displayCountDown(' + timeLimit.valueOf() + ')', 1000);
    }else{
       $('.countdown').html('終了準備中'); 
    }
  }
     
</script>

Comments

[ryu01212008]

vapordogさん

回答ありがとうございます。
時間の調整をしたことで、大量のアクセス（無限ループ）から抜け出すことができました。
コードの最上部のgetTimeLimitはhourの単位に対して、setTimeoutはミリ秒ということに
気づかずに進めてしまっていました。
お力添えありがとうございます。