javascript - 如何确保页面已被查看 X 秒？

Question

在我的项目中，用户可以查看特定页面以获得一点奖励。当他们在可以选择奖金的网站上时，页面的 iframe 会显示倒计时。倒计时结束后，他们可以点击“获取奖励按钮”。一旦他们这样做了，一个ajax调用就会被发送到claim_rewards.php。

但是，存在一些问题:更有经验的用户可以调用 Claim_rewards.php，而无需查看 iframe 页面 X 秒。他选择奖励，浏览其他网站，时间结束后，调用 Claim_rewards.php。已经规定请求仅在 X 秒后有效。但用户仍然可以同时做其他事情。

确保用户只有在真正观看 iframe X 秒时才能获得奖励的最佳方法是什么？

谢谢:)

Answer 1

1)为每个访问者制作一个唯一的 token

2)在服务器端启动计时器并保存开始时间戳和 token

3)在客户端启动定时器，使按钮出现。

4) 当用户发送查询领取奖金时，发回 token 并检查服务器计时器和请求时间之间的差异。