change indexpic.html.

src/tool/picview_civetweb/frontend/indexpic.html

@@ -14,6 +14,11 @@ var index=0
 var xc=0
 //var int=self.setInterval('clock()',100);
 var int2=self.setInterval('changeImage()',29);
+var int1=self.setInterval('updatectrl()',100);
+
+var oldvel= 0;
+var oldwheel = 0.5;
+var nchange = 50;
 
 	var n = 0;
 	var ic = 0;
@@ -23,6 +28,7 @@ var int2=self.setInterval('changeImage()',29);
 
 
                 document.onkeydown=function(event){
+			nchange = 50;
                     //keyCode来获取按键的编码，来判断那个键是否按下
                     //还有altKey shiftKry altKey等 来判断是否按下
 //                    console.log("按键按下");
@@ -49,6 +55,12 @@ var int2=self.setInterval('changeImage()',29);
                         console.log("d键按下了");
 			document.getElementById("demo").innerHTML=Date();
                     }
+                    if(event.keyCode==80){
+			document.getElementById("sildervel").value = 0;
+                    }
+                    if(event.keyCode==67){
+			document.getElementById("silderwheel").value = 0.5;
+                    }
                     if(event.altKey && event.keyCode==89){
                         console.log("alt+y键同时按下了");
                     }
@@ -75,6 +87,32 @@ function onClickStop(){
 function onClickCenter(){	
 	document.getElementById("silderwheel").value = 0.5;  
 //	document.getElementById("demo").innerHTML=Date();
+}
+
+function updatectrl(){ 
+
+	var vel = parseFloat(document.getElementById("sildervel").value);
+	var wheel = parseFloat(document.getElementById("silderwheel").value);
+	if((vel == oldvel)&&(wheel == oldwheel))
+	{
+		if(nchange > 0)nchange = nchange-1;
+		if(nchange <= 0)
+		{
+			if(vel>=0)
+			{
+				vel = vel - 0.1;
+				document.getElementById("sildervel").value = vel;
+				oldvel = parseFloat(document.getElementById("sildervel").value);
+			}
+		}
+	}
+	else
+	{
+		nchange = 50;
+		oldvel = vel;
+		oldwheel = wheel;
+	}
+	document.getElementById("demo").innerHTML=nchange;
 }
 	function changeImage()
 	{ 
@@ -163,7 +201,7 @@ function load() {
 <br>
 <br>
 <br>
-<label style="width:150px;display:inline-block;" >油门</label>
+<label style="width:150px;display:inline-block;" >车速</label>
 <input type="range" name="slidervel" id="sildervel" value="0.0" max="10" min="0" step="0.1" style="width:900px"/>
 <label style="width:50px;display:inline-block;" > </label>
 <button type="button" onclick="onClickStop()" style="width:100px;"  >停车</button>