0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

クリック時カウントリセット

Last updated at Posted at 2019-09-25

クリック時カウントリセットしたい(自分用メモ)

やりたい事
①画面表示した時カウントスタート
②画面のどこかをクリックするとカウントをリセット
③カウントリセットして0からカウントスタートする
※②から③の間はクリックしないこと

イメージ
カウントスタート⇒クリック⇒カウント0⇒カウントスタート

使う関数
①setInterval()

javascript
//10カウントした後画面遷移
      var count = 0;
     var countup = function(){
      console.log(count++);
      jump(count);
    }

	document.onclick = function (e){
		if(!e) e = window.event;
		console.log(e);
		count = 0;
	};
	var counter = setInterval( countup, 1000 );

	function jump(count){
		if(count == 10){ //カウント10で画面遷移
			window.location.href = 遷移先;
		}
	}

#追記
*2019/10/15 このカウント方法だとクリックするたびに加速する現象が発生して、思うようにカウントが取れない。。。
改良版
画面開いた時間とクリックした時間を比較して画面遷移するように改良

javascript

	var displayTime = new Date();

	window.onload = function(){
		//1000ミリ秒(1秒)毎に関数「timeoutDate()」を呼び出す
		setInterval("timeoutDate()", 1000);
	}

	//画面表示時の時刻と処理発生時の現在時刻を比較
	function timeoutDate(){
		var nowTime = new Date();

		//var DifferenceTime = nowTime - displayTime;
		var displaySecond = displayTime / 1000;
		var nowSecond = nowTime / 1000;

		//console.log(displaySecond);
		//console.log(nowSecond);

		var differenceSecond = nowSecond - displaySecond;
		//console.log(differenceSecond);
		if(differenceSecond > 14400){
			window.location.href = 遷移先;
		}
	}

	//クリックイベント
	document.onclick = function (e){
	if(!e) e = window.event;
		displayTime = new Date();
	};
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?