谁有比较漂亮点的javascript时间控件

设置时间？那是要调系统控制面板的
<a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}" target="_blank">控制面板</a>
具体调时间的我不知道

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

不是啊！是找漂亮的时间控件，需求如下：点页面一个按狃，弹出一时间框，显示的是当前系统小时和分钟，这个时候时钟不动，用户可以增加减小小时数，分钟数，设置好以后，点确定，把这个时间写到开始按钮所在页面的一个文本框中
我有如下能运行的代码，但是很丑，谁有漂亮的或者帮我修改一下！求救了！！！！！！！！
<html>
<head>
<title>Time</title>
<style>
.button  { border:1 outset white; height:20px; width:50px; cursor:default; text-align:center }
</style>
<script>
function put()
  { opener.putValue(" "+hour.value + ":" + minute.value + ":00"); }

function setHour()
  {
    var cTime = new Date();
var cHour = cTime.getHours()
if(cHour < 10) { cHour = "0" + cHour }
hour.value = cHour;
  }

function setMinute()
  {
    var cTime = new Date();
    var cMinute = cTime.getMinutes()
    if(cMinute < 10) { cMinute = "0" + cMinute }
    minute.value = cMinute;
  }

function longFormat(value)
  {
if(value < 10) { return value = "0" + value; }
else { return value; }
  }

function init()
  {
    setHour();
setMinute();
  }

function up(obj,upper,lower)
  {
    var value = obj.value
var value = parseInt(value,10)
if( value >= upper ) { if(value == upper) { value = lower }; obj.value = longFormat(value); }
else { obj.value = longFormat(value + 1) }
  }

function down(obj,upper,lower)
  {
    var value = obj.value
var value = parseInt(value,10)
if(value <= lower) { if(value == lower) { value = upper }; obj.value = longFormat(value) }
else { obj.value = longFormat(value - 1) }
  }

function canClose()
  {
    var h = parseInt(hour.value,10);
    var m = parseInt(minute.value,10);
    alert(h + "   " + m);
    if( h >= 1 && h <= 23 && 1 <= m && m <= 60 )
     { put(); window.close();  }
    else { alert("时间无效!") }
  }

</script>
</head><body bgcolor="#D6D3CE" align=center style="font-size:24pt" onunload="put()" onload="init()">
<table style="background-color:transparent" cellpadding=0 cellspacing=0 align=center>
<tr style="cursor:default;font-size:16pt;font-weight:bolder;color:red" align=center>
<td></td>
<td onclick="up(hour,23,0)"><input type="Button" class=button value="+"></td>
<td></td>
<td onclick="up(minute,59,0)"><input type="Button" class=button value="+"></td>
<td></td>
</tr>
<tr style="cursor:default;font-size:24pt" align=center>
    <td> </td>
<td><input align=center size=2 style="border:1px solid #D6D3CE;font-size:24pt" type=text id=hour value="16"></td>
<td>:</td>
<td><input align=center size=2 style="border:1px solid #D6D3CE;font-size:24pt" type=text id=minute value="00"></td>
<td>:00</td>
</tr>
<tr style="cursor:default;font-size:16pt;font-weight:bolder;color:red" align=center>
<td></td>
<td onclick="down(hour,23,0)"><input type="Button" class=button value="-"></td>
<td></td>
<td onclick="down(minute,59,0)"><input type="Button" class=button value="-"></td>
<td></td>
</tr>
<tr><td colspan=5 align=center><br><input style="border:1px outset white" type=button onclick="canClose()" value=" OK "></td></tr>
</table>
</body>
</html>
<script language="JavaScript">     var enabled = 0;    function TOfunc() {
TO = window.setTimeout( "TOfunc()", 1000
);
var today = new Date();
document.clock.disp.value =
today.toLocaleString(); }</script>
<form name="clock">
<input type="text" name="disp" value="" size=20
onFocus="this.blur()" >
<br>
<input type="radio" name="rad" value="OFF"
checked
onClick="
  if( enabled==1 )
    {
     document.clock.disp.value='';
     clearTimeout( TO );
     enabled = 0;
     }
   "> 关
<input type="radio" name="rad" value="on"
onClick="
     if( enabled == 0 ) {
        var TO = setTimeout( 'TOfunc()', 1000 );
        enabled = 1;     }" > 开
<script language="JavaScript">

</script>
把被景色设得深一点，或者改表针的颜色，网上找得
再来一个:)

<script language="JavaScript">

</script>
llrock(百乐宝)：very cool! ：）
llrock(百乐宝)：very cool! ：）呵呵
参考：http://www.csdn.net/expert/topic/843/843349.xml?temp=.8570825