<script>
var currentTime = new Date();
var startTime = currentTime.getTime();
function getElapsedTime()
{
var endTime = new Date();
var elapsedTime = (endTime.getTime() - startTime);
form1.elapsedTime.value = elapsedTime;
}
</script>
<form id=form1 target=_blank>
<input type=hidden name=elapsedTime>
<input type=submit onclick="getElapsedTime()">
</form>
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; height=device-height; initial-scale=1;">
<title>Digital Natives Testing Module</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<!--[if IE]>
<style type="text/css">
.clear {
zoom: 1;
display: block;
}
</style>
<![endif]-->
</head>
<body>
<section id="page"> <!-- Defining the #page section with the section tag -->
<div class="header"> <!-- Defining the header section of the page with the appropriate tag -->
<h1>Test A</h1>
<p> </p>
<nav> <!-- The nav link semantically marks your main site navigation -->
<ul>
<li><a href="testA-overheat.html">OVERHEAT</a></li>
<li><a href="testA-jammed.html">JAMMED</a></li>
<li><a href="testA-continue.html">CONTINUE</a></li>
<li><a href="testA-stop.html">STOP</a></li>
<li><a href="testA-finished.html">FINISHED</a></li>
</ul>
</nav>
</div>
<section id="articles"> <!-- A new section with the articles -->
<!-- Article 1 start -->
<div class="line"></div> <!-- Dividing line -->
<div class="article" id="article1"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
<h2>jammed</h2>
<div class="line"></div>
<div class="articleBody clear">
<div class="figure"> <!-- The figure tag marks data (usually an image) that is part of the article -->
<img src="img/a_jammed.png" alt="jammed" />
</div>
<p>If the machine gets a part stuck in the belt, this may damage the machine. When the machine displays a triangle, this indicates that it is jammed and the belt needs to be cleared.</p>
</div>
</div>
<!-- Article 1 end -->
</section>
<footer> <!-- Marking the footer section -->
<div class="line"></div>
</footer>
</section> <!-- Closing the #page section -->
</body>
</html>
Related question - How do you gather up the answers from all five pages into one form?
We need to (essentially) save the startTime variable along with the other partial answers.
Need to see more of your code.