请教JavaScript方面的问题

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

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

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

zhttty

2013-04-11 16:07:37 +08:00

随便写的第一条：
<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>

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/65588

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.