
要在MyEclipse中为考试系统创建倒计时计时器,可以使用JavaScript将计时器添加到考试页面。以下是如何做到这一点的示例:
在MyEclipse中打开检查页面的HTML文件。
将<script>元素添加到HTML文件的<head>部分。
在<script>元素中,添加以下代码以定义将显示倒计时计时器的JavaScript函数:
此函数将使用倒计时的总持续时间(以秒为单位)和一个HTML元素来显示计时器。然后,它将每秒更新显示元素的文本内容,以显示剩余时间。
将<div>元素添加到您希望显示倒计时计时器的检查页面。给元素一个id属性(例如“timer”)。
在<script>元素中,添加以下代码以在页面加载时启动倒计时计时器:
该代码将在页面加载时启动计时器,使用5分钟(300秒)的持续时间和id为“timer”的<div>元素。您可以调整显示元素的持续时间和选择器,以满足您的特定需求。
将此代码添加到考试页面后,页面加载后,倒计时计时器应立即启动,并显示考试结束前的剩余时间。
AVA使用步骤:
1、将源代码直接另存为html
2、只能用IE浏览器打开。如果默认浏览器不是IE。可以右键点击Html文件,选择用IE打开
3、如果提示是否同意运行activex插件。请选择允许阻止的内容即可。
4、窗口化游戏模式下,切换游戏画面和计时网页?较为方便。请用?atl+tab键或win键?尝试切换
5、游戏每局第一回合倒计时2分30秒时,开始计时。
源代码如下:
<html>
<head>
<title>网页版倒计时</title>
<script?type="text/javascript">
var?t
function?timedCount(StartScriptTime)
{var?EndScriptTime=Date.parse(new?Date())/1000
var?ttime=EndScriptTime-StartScriptTime/1000
var?ConsumeTime_minute=Math.floor(ttime/60)
var?ConsumeTime_second=ttime?%?60
document.getElementById('ConsumeTime_min').value=ConsumeTime_minute
document.getElementById('ConsumeTime_sec').value=ConsumeTime_second
var?TheResetTimeOfCountDown_minute=Math.floor((600-ttime)/60)
var?TheResetTimeOfCountDown_second=(600-ttime)?%?60
document.getElementById('ResetTime_min').value=TheResetTimeOfCountDown_minute
document.getElementById('ResetTime_sec').value=TheResetTimeOfCountDown_second
var?TextContent
if(ConsumeTime_minute>=10){TextContent="游戏已进行10分钟了,达到抽奖条件,请快点结束吧"}
else{TextContent="游戏已进行"+ConsumeTime_minute+"分"+ConsumeTime_second+"秒,距抽奖时间"+TheResetTimeOfCountDown_minute+"分"+TheResetTimeOfCountDown_second+"秒"}
var?TextField=document.getElementById('txt')
TextField.value=TextContent
window.clipboardData.setData("text",TextField.createTextRange().text)
t=setTimeout("timedCount("+StartScriptTime+")",1000)
if?(ConsumeTime_minute>=10){stopCount()}}
function?stopCount()
{document.getElementById('txt').value=600
clearTimeout(t)}
</script>
</head>
<body>
<form>
<input?type="button"?value="开始计时!"?onClick="timedCount(Date.parse(new?Date()))">??
<input?type="text"?id="txt"?value="600"?size="35"?>
<p>
<input?type="button"?value="停止计时!"?onClick="stopCount()">
<!--?input?type="text"?onkeydown="return?noNumbers(event)"?/?-->
</p>
<a>游戏已进行</a>
<input?type="text"?id="ConsumeTime_min"?size="3"><a>分</a>
<input?type="text"?id="ConsumeTime_sec"?size="3"><a>秒</a>
<br/><a>距抽奖时间</a>
<input?type="text"?id="ResetTime_min"?size="3"?><a>分</a>
<input?type="text"?id="ResetTime_sec"?size="3"?><a>秒</a>
</form>
<p>
请点击上面的“开始计时”按钮。输入框会从?600?开始一直进行倒计时。点击“停止计时”可停止计时。
</p>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)