高分求一个浮动的计时器，本人要做个在线考试系统。

redfox105 2004-10-11 06:49:26

要求能随滚动条的移动而移动，能准确的为考试计时，考试时间到了能提示

...全文

123 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

rjs31 2004-10-13

打赏
举报

将以下代码保存为一个asp文件，并在你的虚拟目录下运行：
'************************************************************************
<html>
<body>
<style>
.divTitleBarDo
{
Z-INDEX: 2;
LEFT: 0px;
MARGIN: 0px;
WIDTH: 150px;
BACKGROUND-REPEAT: no-repeat;
POSITION: absolute;
TOP: 0px;
HEIGHT: 55px;
TEXT-ALIGN: right
}
</style>
<script language=JavaScript>

//定义浮动时钟效果的一些函数
var timeminute=60;
var timesecond=0;
var timerID = null;
var timerRunning = false;
function stopclock ()
{

if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock ()
{
stopclock();
showtime();
}

function showtime () {
if (timesecond==0)
{
timesecond=59;
timeminute-=1;
}
else{ timesecond-=1};

if (timeminute < 0)
alert("时间到")
else
{
TimeCount.style.pixelTop=document.body.scrollTop+100;
TimeCount.style.left=document.body.clientWidth-180;
document.all.lbl_pasttime.innerHTML=timeminute+"分"+timesecond +"秒";
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
}

</SCRIPT>

<div id="TimeCount" class=divTitleBarDo>
<table width="150" border="1" cellspacing="0" cellpadding="0" class=tablediv >
<tr>
<td class=tableheader align=center>
共60分钟<br>
剩余<label id="lbl_pasttime"><%=timeminute&"分"×econd &"秒"%></label><BR>

<input class="input_button" type="button" name="bt_submit" value="提交" class=button ><BR>
</td>
</tr>
</table>
</div>

<script language="javascript">
//运行倒计时牌
startclock();
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align=center>
<%
i=0
do while i<50
Response.Write "注意源代码中的class=divTitleBarDo的样式divTitleBarDo,很关键<br><br>"
i=i+1
loop
%>

</td>
</tr>
</table>
</body>
</html>
'************************************************************************