使用 JavaScript 显示动态时间
show dynamic time with javascript
我想在Javascript的帮助下显示我的php变量中的时间
我正在编写一个在线考试模块,我想在其中显示总运行时间
比如说
$time_elapsed
//包含从考试开始到现在所花费的时间如果我有一个div说,
<div id="time"></div>
如何显示动态运行时间,从$time_elapsed
加载每个问题的窗口后
如果你们对此有答案,请.
谢谢
嗨,
您可以使用以下代码来实现目的
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 创建一个要显示运行时间的 HTMLdiv。
目录:
<div id='timer' />
<script type="text/javascript">window.onload = CreateTimer("timer", 5);</script>
为参数指定时间限制。它将在时间结束后发出警报。
并在刷新页面后获得时间,请使用 html5 的会话存储
访问 Html5 存储文档以获取更多详细信息。 使用它,您可以在本地临时/永久存储中间值,然后访问您的值用于存储会话的值
sessionStorage.getItem('label')
sessionStorage.setItem('value', 'label')
或永久存储值
localStorage.getItem('label')
localStorage.setItem('value', 'label')
因此,您可以使用html5存储对象在多个页面之间存储(临时)表单数据
这是显示动态时间的方法。要使用其他基于 php 的开始时间,请将行time0 = new Date();
替换为time0 =<?php echo $startTime;?>; which should be in ms since the epoch.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>elapsed time demo</title>
<script type="text/javascript">
var time0;
function initTime() {
time0 = new Date();
window.setInterval("updateTime()", 1000);
}
function updateTime() {
var timeNow = new Date();
var deltas = (Number(timeNow) - Number(time0))/1000;
var deltah = ("0"+String(Math.round(deltas / 3600))).substr(-2);
deltah = deltah.substr(-2);
deltas %= 3600;
var deltam = ("0"+String(Math.round(deltas / 60))).substr(-2);
deltas = ("0"+String(Math.round(deltas % 60))).substr(-2);
document.getElementById("timedisplay").firstChild.data=deltah+":"+deltam+":"+deltas;
}
</script>
</head>
<body onload="initTime();">
<div> elapsed time <span id="timedisplay">00:00:00</span></div>
</body>
</html>
您的 php 代码应该返回加载页面时经过的时间,但是,javascript 将接管并随着时间的推移增加该时间。
您可以将参数发送到 JavaScript 函数,即显示时间
function display_time(int time)
{
//your code for further integration
}
您可以使用以下方式将参数发送到 JavaScript 函数
//call the function at the time display time
display_time(<?php echo $time_elapsed ?>)
相关文章:
- 动态时间序列C3js图表
- 使用 JavaScript 显示动态时间
- jQuery 时间选取器未加载动态文本字段
- 如何使用 SetTimeout,根据动态追加时间删除动态追加的元素
- 如何在java中保留插入顺序,恒定时间检索和动态调整大小
- 引导日期时间选取器不适用于动态字段
- 动态创建/限制随机时间的范围并转换为时间戳
- 动态更改高图中x轴刻度标签的日期时间格式
- 如何使用 jQuery 动态提供标题和日期时间属性
- 隐藏日期时间字段上的日期部分 MS 动态 CRM 2011
- 设置超时功能,具有钢琴应用程序的动态持续时间
- 添加新行动态引导日期时间选择器不起作用
- 高图表动态不同的时间计算
- 需要帮助显示设置的动态日期和时间
- $interval的时间参数是否可以在间隔之间动态更改
- IE8/9 动态插入的元素在不确定的时间内是不可见的
- 如何在一段时间内动态更新Highcharts数据
- Javascript/JQuery-页面加载后一段时间动态运行代码
- Asp.net MVC日期时间动态验证客户端日期格式
- D3js时间轴滴答持续时间动态设置