teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

ボタンを一定時間操作できないようにするにはどうしたらいいのかと思うキッカケを追記しました。

2018/07/19 09:33

投稿

twobass
twobass

スコア20

title CHANGED
File without changes
body CHANGED
@@ -4,4 +4,38 @@
4
4
  投稿ボタンを操作後、24時間や半日後に投稿ボタンが復帰するようなプログラムを
5
5
  PHPやJavaScriptでどのようにしたら書けますでしょうか?
6
6
 
7
- 漠然とした質問ですいません。
7
+ 漠然とした質問ですいません。
8
+
9
+ ※下記編集しました。
10
+
11
+ 以前JavaScriptでタイマーを制作して、タイマーが作動している間はボタンを押せないようにするコードは書けました。
12
+ タイマー以外、上記にあるような投稿ボタンに代用できるかなと思ったのですが、リロードすると無効になってしまうのでリロードも受け付けないような他に方法は無いかと思い質問しました。
13
+
14
+
15
+ ```
16
+ function starttimer(sec) {
17
+
18
+ $(".btn-group button").prop("disabled", true);
19
+ var startTime = new Date()
20
+
21
+ var elapsedtime = 0;
22
+
23
+ var timerId = setInterval(function() {
24
+ // この中が1秒後に実行される
25
+ var nowTime = new Date();
26
+ elapsedtime = Math.round((nowTime - startTime) / 1000);
27
+ $("#elapsed").html(elapsedtime);
28
+
29
+ if (elapsedtime > sec) {
30
+
31
+ clearInterval(timerId);
32
+
33
+ $("#elapsed").html("");
34
+
35
+ alert("タイマー終了");
36
+ $(".btn-group button").prop("disabled", false);
37
+ }
38
+ elapsedtime++;
39
+ }, 1000);
40
+ }
41
+ ```