deletedeletedeletedelete

deletedeletedeletedeletedeletedeletedelete
deletedeletedeletedeletedeletedeletedelete
deletedeletedeletedeletedeletedelete

papinianus

2018/08/31 02:12

もうちょっと詳しく書かれたほうが良いと思うのですが、タイマーはサーバ側で動作するのでしょうか？

moppu

2018/08/31 02:46

タイマーを止めた時刻（あまり時間）、設定時刻より過ぎた時間（超過分の時間）も計測してDB記録したいと思っているのでサーバー側になりますかね？

papinianus

2018/08/31 02:55

タイマーって止まるのですか？ストップウォッチということ？作ろうとしているもの、やろうとしていることのイメージが全くつかめないです。

moppu

2018/09/20 04:57 編集

例

_lemon2003_

2018/09/11 22:20

ページ遷移の必要はあるのですか？遷移せず、そのページで動かすこともできますが。

moppu

2018/09/20 04:57 編集

そ

行動規範の内容に同意します

回答4件

送信元のhtml

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<meta charset="UTF-8">
5	<title>Document</title>
6</head>
7<body>
8	<form action="遷移先.html" method="get">
9		<select name="time">
10			<option value="30">30 秒</option>
11			<option value="60">60 秒</option>
12			<option value="90">90 秒</option>
13		</select>
14		<input type="submit" value="Start">
15	</form>
16</body>
17</html>

送信先のhtml

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<meta charset="UTF-8">
5	<title>Document</title>
6</head>
7<body>
8	<script>
9		function parseQueryString(){
10			let queryString = location.search.substr(1) || null;
11			
12			if(!queryString) return {};
13
14    	return queryString.split("&").reduce(function(obj, v) {
15      	var pair = v.split("=");
16	      obj[pair[0]] = decodeURIComponent(pair[1]);
17  	    return obj;
18			}, {});
19		}
20
21		function getUserSelectedTime(){
22			return parseQueryString().time || null;
23		}
24
25		console.log(getUserSelectedTime());
26	</script>
27</body>
28</html>

投稿2018/09/12 09:24

_lemon2003_

総合スコア274

普通にフォームとして選んだ選択肢をボタン押下でGETかPOSTのどちらかをsendして、PHPかJSで受け取ればいいんじゃないですかね？
GET/POSTの取得方法はPHPでもJSでも解説ページがいっぱいあると思うので、そちらは探せば見つかるかと。

PHPはサーバサイド、JSはクライアントサイドの処理がメインのため、カウントダウン機能自体はJS側の実装とする方が良いと思います。
以下のjQuery Countdownというプラグインを利用すればリアルタイムにカウントダウンも出来そうです。
http://keith-wood.name/countdown.html

また、サーバサイドであるPHP側でカウントダウン機能を実装すると、処理によっては画面側の描画が完了する前にカウントダウンが始まるので、３０秒で設定して、5秒で画面表示が完了したときには25秒からスタートしているなんて事態も起きえます。
そのため、jQuery側の.load()等で画面描画完了後にカウントダウン開始の処理を入れた方がいいでしょう。

そもそもPHPで受け取る必要はない。ということであれば、session/Cookie/localStorageなど要件に合うものを選んで値を保持させ、次のページで受け取る等のように画面側で処理を完結させるのも良いかと思います。

投稿2018/09/12 08:07