php中记录的定时器

Question

我想为用户创建一个注册表单（姓名、密码、重新输入密码、电子邮件），然后将它们插入 MySQL，我这样做了，但我不知道如何记录用户输入密码所花费的时间.

我正在使用 PHP 和 HTML

Answer 1

您可以使用setInterval 每秒增加一些数字，在输入获得焦点时开始间隔，并在失去焦点时清除间隔。

    var timeSpent = 0;
    var interval;
    document.getElementById('password2').addEventListener('focus', function() {
        interval = setInterval(function() { 
            timeSpent++;
            document.getElementById('timeSpent').value = timeSpent;
        }, 1000);
    });
    document.getElementById('password2').addEventListener('input', function(event) {
        if (interval && event.target.value === document.getElementById('password').value) {
            clearInterval(interval);
        }
    });
    document.getElementById('password2').addEventListener('blur', function() {
        if (interval) {
            clearInterval(interval);
        }
    });

Password: <input id="password" type="password"/><br/>
Reenter Password: <input id="password2" type="password"/><br/>
Time Spend: <input id="timeSpent" type="number"/><br/>

然后在 PHP 中你会得到类似的东西：

$link = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbusername, $dbpassword);

$statement = $link->prepare("INSERT INTO users(name, password_hash, time_spent)
VALUES(:name, :hash, :time)");

$statement->execute(array(
    "name" => $_POST['username'],
    "hash" => password_hash($_POST['password'], PASSWORD_DEFAULT),
    "time" => $_POST['timeSpent']
));