teratail
回答率
85.46%
質問するログイン新規登録
トップに関する質問<訂正しました。>JavascriptのplaybakcRateの値を変数に入れて行いたい。

編集履歴

質問編集履歴

2

詳しくした。

2021/06/07 07:00

投稿

mg_ss
mg_ss

スコア24

test CHANGED
@@ -1 +1 @@
1
- JavascriptのplaybakcRateの値を変数に入れて行いたい。
1
+ <訂正しました。>JavascriptのplaybakcRateの値を変数に入れて行いたい。
test CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  なお、実際のコードはこちらです。
36
36
 
37
- ```HTML
37
+ ```Html
38
38
 
39
39
 
40
40
 
@@ -68,6 +68,8 @@
68
68
 
69
69
  <script>
70
70
 
71
+ alert("でばぐ");
72
+
71
73
  var pen = 0;
72
74
 
73
75
  var orange;
@@ -76,11 +78,59 @@
76
78
 
77
79
 
78
80
 
81
+ /*window.onload = function ok(){
82
+
83
+ //計算始めと同時にタイマーを取得
84
+
85
+ time = setInterval("box()",1);
86
+
87
+ };
88
+
89
+
90
+
91
+ //計算していく。
92
+
93
+ function box(){
94
+
95
+ pen += 0.01;
96
+
97
+ console.log(pen);
98
+
99
+ if(pen >= 1){
100
+
101
+ clearInterval(time);
102
+
103
+ }
104
+
105
+ }*/
106
+
107
+ //=========================================================
108
+
109
+ window.addEventListener('DOMContentLoaded', function(){
110
+
111
+
112
+
113
+ const videoElement = document.querySelector("video");
114
+
115
+ const btn_slow = document.getElementById("btn_slow");
116
+
117
+ const btn_normal = document.getElementById("btn_normal");
118
+
119
+ const btn_fast = document.getElementById("btn_fast");
120
+
121
+ const btn_veryfast = document.getElementById("btn_veryfast");
122
+
123
+
124
+
125
+ btn_slow.addEventListener("click", (e) => {
126
+
127
+ alert("でばでばぐ");
128
+
79
129
  window.onload = function ok(){
80
130
 
81
131
  //計算始めと同時にタイマーを取得
82
132
 
83
- time = setInterval("box()",1);
133
+ time = setInterval("box()",1000);
84
134
 
85
135
  };
86
136
 
@@ -90,11 +140,13 @@
90
140
 
91
141
  function box(){
92
142
 
93
- pen += 0.01;
143
+ pen += 0.1;
94
144
 
95
145
  console.log(pen);
96
146
 
147
+ alert(pen);
148
+
97
- if(pen >= 1){
149
+ if(pen >= 4){
98
150
 
99
151
  clearInterval(time);
100
152
 
@@ -102,28 +154,10 @@
102
154
 
103
155
  }
104
156
 
105
- //=========================================================
106
-
107
- window.addEventListener('DOMContentLoaded', function(){
108
-
109
-
110
-
111
- const videoElement = document.querySelector("video");
112
-
113
- const btn_slow = document.getElementById("btn_slow");
114
-
115
- const btn_normal = document.getElementById("btn_normal");
116
-
117
- const btn_fast = document.getElementById("btn_fast");
118
-
119
- const btn_veryfast = document.getElementById("btn_veryfast");
120
-
121
-
122
-
123
- btn_slow.addEventListener("click", (e) => {
124
-
125
157
  videoElement.playbackRate = pen;
126
158
 
159
+ alert("でばでバディ")
160
+
127
161
  });
128
162
 
129
163
 
@@ -152,6 +186,8 @@
152
186
 
153
187
  });
154
188
 
189
+ alert("でばぐ")
190
+
155
191
  </script>
156
192
 
157
193
  </body>

1

修正した。

2021/06/07 07:00

投稿

mg_ss
mg_ss

スコア24

test CHANGED
File without changes
test CHANGED
@@ -32,4 +32,134 @@
32
32
 
33
33
  わかる方がおりましたら教えてください。
34
34
 
35
+ なお、実際のコードはこちらです。
36
+
37
+ ```HTML
38
+
39
+
40
+
41
+ <html>
42
+
43
+ <head>
44
+
45
+
46
+
47
+ </head>
48
+
49
+ <body>
50
+
51
+
52
+
53
+ <article>
54
+
55
+ <h1>JavaScriptレシピ</h1>
56
+
57
+ <video type="video/mp4" src="http://www.htmq.com/html5/sample/sample.mp4" controls></video>
58
+
59
+ <button id="btn_slow">スロー</button>
60
+
61
+ <button id="btn_normal">通常</button>
62
+
63
+ <button id="btn_fast">早送り</button>
64
+
65
+ <button id="btn_veryfast">もっと早送り</button>
66
+
67
+ </article>
68
+
69
+ <script>
70
+
71
+ var pen = 0;
72
+
73
+ var orange;
74
+
75
+ var time;
76
+
77
+
78
+
79
+ window.onload = function ok(){
80
+
81
+ //計算始めと同時にタイマーを取得
82
+
83
+ time = setInterval("box()",1);
84
+
85
+ };
86
+
87
+
88
+
89
+ //計算していく。
90
+
91
+ function box(){
92
+
93
+ pen += 0.01;
94
+
95
+ console.log(pen);
96
+
97
+ if(pen >= 1){
98
+
99
+ clearInterval(time);
100
+
101
+ }
102
+
103
+ }
104
+
105
+ //=========================================================
106
+
107
+ window.addEventListener('DOMContentLoaded', function(){
108
+
109
+
110
+
111
+ const videoElement = document.querySelector("video");
112
+
113
+ const btn_slow = document.getElementById("btn_slow");
114
+
115
+ const btn_normal = document.getElementById("btn_normal");
116
+
117
+ const btn_fast = document.getElementById("btn_fast");
118
+
119
+ const btn_veryfast = document.getElementById("btn_veryfast");
120
+
121
+
122
+
123
+ btn_slow.addEventListener("click", (e) => {
124
+
125
+ videoElement.playbackRate = pen;
126
+
127
+ });
128
+
129
+
130
+
131
+ btn_normal.addEventListener("click", (e) => {
132
+
133
+ videoElement.playbackRate = 1.0;
134
+
135
+ });
136
+
137
+
138
+
139
+ btn_fast.addEventListener("click", (e) => {
140
+
141
+ videoElement.playbackRate = 2.0;
142
+
143
+ });
144
+
145
+
146
+
147
+ btn_veryfast.addEventListener("click", (e) => {
148
+
149
+ videoElement.playbackRate = 3.0;
150
+
151
+ });
152
+
153
+ });
154
+
155
+ </script>
156
+
157
+ </body>
158
+
159
+ </html>
160
+
161
+
162
+
163
+ ```
164
+
35
165
  質問の仕方が悪い場合はコメント欄から教えてください。訂正させていただきます。