php - 用javascript显示动态时间

Question

我想在 Javascript 的帮助下显示 php 变量中的时间

我正在编写一个在线考试模块，我想在其中显示总用时

举个例子

$time_elapsed//包含从考试开始到现在所用的时间如果我有一个 div 说，

<div id="time"></div> 

加载每个问题的窗口后，如何显示从 $time_elapsed 开始的动态运行时间

如果你们对此有答案......

谢谢

Answer 1

您好，您可以使用以下代码来实现此目的

JavaScript 将是:

var Timer;
var TotalSeconds,TotalMins, secs;
var elapsedtime ;

function CreateTimer(TimerID, Time) {
        Timer = document.getElementById(TimerID);
        TotalSeconds = Time;
        elapsedtime = 0
        time = Time
        secs = TotalSeconds%60;
        TotalMins = Math.floor(TotalSeconds/60)
        UpdateTimer()
        window.setTimeout("Tick()", 1000);
}

function Tick() {
if(TotalSeconds-elapsedtime>0)
{
    elapsedtime += 1;
    secs = (elapsedtime%60)-60;
    TotalMins = Math.floor(elapsedtime/60)
    UpdateTimer()
    window.setTimeout("Tick()", 1000);
}
else
alert("time up")
}

function UpdateTimer() {
        Timer.innerHTML = TotalMins + ":" + secs;
}

nw 创建一个 html div，在其中显示运行时间。

HTML:

<div id='timer' />
<script type="text/javascript">window.onload = CreateTimer("timer", 5);</script>

给参数一个时间限制。时间结束后它会发出警报。

并在刷新页面后获取时间，使用 html5 的 sessionStorage

访问 Html5 Storage Doc 以获取更多详细信息。使用它，您可以在本地临时/永久存储中间值，然后访问您的值用于存储 session 的值

sessionStorage.getItem('label')
sessionStorage.setItem('value', 'label')

或使用永久存储值

localStorage.getItem('label')
localStorage.setItem('value', 'label')

因此您可以使用 html5 存储对象在多个页面之间存储(临时)表单数据