我正在为大学做一项实验,其中涉及计时参与者阅读一个简单网页所需的时间。由于实验的性质,我无法在他们访问该页面之前告诉他们我正在为他们计时,因此在下一页上,我需要告诉他们正在为他们计时,然后提供一个选项,让他们选择退出反对使用 Python CGI 脚本将其数据传递到数据库。
在第一页的顶部我有这个:
<script type="text/javascript" src="timing.js">
</script>
在底部,我有一个链接可以将它们带到下一页,同时也可以停止计时器:
Click here when you are ready to proceed.
<button onclick="window.location = 'timer2.html'; stopTime()">Click Here</button>
...在 .js 文件中,我有以下内容:
var sec = 0;
function takeTime()
{
setInterval(function(){sec += 1},1000);
}
myTime = takeTime();
function stopTime()
{
clearInterval(myTime);
}
function showTime()
{
alert("Time is " + sec + " seconds.");
}
当我单击链接进入第二页时,“sec”变量会重置为 0。如果我从 .js 文件中取出声明,并将其放在引用 的脚本标记之前的单独脚本标记中,当第一个 HTML 页面中存在 .js 文件时,第二个 HTML 页面根本无法识别变量“sec”。如何存储时间,以便可以将其发送到数据库或从第二个 HTML 页面中删除它?
最佳答案
一种方法是使用查询字符串。
<button onclick="window.location = 'timer2.html?time=' + sec">Click Here</button>
如果花费了 252 秒,它们将被发送到例如 timer2.html?time=252
。然后使用How can I get query string values in JavaScript?在timer2.html上获取这个值。
关于javascript - 在 HTML 页面之间维护 Javascript 变量以发送到数据库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14901879/