请教JavaScript方面的问题

Droog 发布于 2013/04/11 15:45
阅读 157
收藏 0
各位,要用JavaScript实现两个页面上的小功能,但是完全不懂JavaScript,特向各位请教。
情形一:要实现一个状态条体现数字的大小
1.在文本框中填写数字,状态条有相应的变化;
2.填写的数字有最大值的要求(最小值为0);
3.样式见下图;

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

我只了解java,可以说完全不动JavaScript,如果能提供相应的demo,非常感谢。

因为找了几个Demo包,都没有发现相应的例子,特来求助。

加载中
0
yak
yak
<script type="text/javascript">
	  function changeBind(t){
	  if(t.value > 0 && t.value <1024){
	  t.nextSibling.style.width=t.value+'px';
	  }
	  }
	 
	 </script>
</head>
<body>
  <div>

   <input type="input"  onkeyup="changeBind(this)" /><input type="" style="width:100px;background:gold;border:none;" /> 
  </div>

0
AName
AName
情景一,可以看看这个 http://runjs.cn/detail/zlvma4z5
AName
AName
@红薯 ,有人不知道怎么看到代码,runjs是否需要改善下啊
Droog
Droog
能否分享您的js代码呢? 谢谢!
0
Droog
Droog

引用来自“yak”的答案

<script type="text/javascript">
	  function changeBind(t){
	  if(t.value > 0 && t.value <1024){
	  t.nextSibling.style.width=t.value+'px';
	  }
	  }
	 
	 </script>
</head>
<body>
  <div>

   <input type="input"  onkeyup="changeBind(this)" /><input type="" style="width:100px;background:gold;border:none;" /> 
  </div>

非常感谢,已设为最佳答案。

针对第二个情形,怎么实现呢?

能否给点提示?

Droog
Droog
第二种情形要希望随时间而不停的下降。 第一个时间值是从input获得的,那么第二个如何不停地传递这个值? 或者是有其他的函数可以使用?
yak
yak
2换成height
0
Droog
Droog

引用来自“jucelin”的答案

情景一,可以看看这个 http://runjs.cn/detail/zlvma4z5

对的,就是这种效果。非常感谢。


返回顶部
顶部