请教JavaScript方面的问题

This topic created in 4803 days ago, the information mentioned may be changed or developed.

各位，要用JavaScript实现两个页面上的小功能，但是完全不懂JavaScript，特向各位请教。
情形一：要实现一个状态条体现数字的大小
1.在文本框中填写数字，状态条有相应的变化；
2.填写的数字有最大值的要求（最小值为0）；
3.样式见下图；

情形二：实现页面的计时（就是网络问卷系统的那种计时）
1.进入一个页面后，会要求在一定的时间内完成题目，出现一个时间柱；
2.页面相应的时间是可以从session、或response中读取最好；
3.如果能在时间快结束的时候，这个时间柱能变颜色最好（比如：由蓝色变成红色）；
4.同时有另一个问题，如何控制不能刷新页面，防止答题人刷新页面重新答题。

我只了解java，可以说完全不动JavaScript，如果能提供相应的demo，非常感谢。
因为找了几个Demo包，都没有发现相应的例子，特来求助。

页面

JavaScript

相应

3 replies • 1970-01-01 08:00:00 +08:00

zhttty

Apr 11, 2013

随便写的第一条：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>progressBar</title>
<script type="text/javascript">
function changePB() {
document.getElementById('imgwidth').width=document.getElementById('timelimit').value;
}
</script>
</head>
<body>
<div class="top">
<form name="pi">
<label>Item A</label>
<input id="timelimit" type="text" name="timelimit" value="100" style="width: 30px" onchange="changePB()" />
<img id="imgwidth" alt="progressImg" src="progressImg.png" height=13 />
</form>
</div>
</body>
</html>

zhttty

Apr 11, 2013

引用的图片是173*13的长条；
你那个倒计时很简单的，只要将变量改成倒计时的变量就好了。

Droog

Apr 11, 2013

@zhttty 感谢支持。
如果按照第一种的情形，用那个函数，怎么计时呢？因为第一种情形是从input获取数值