如何在js中控制提交按钮在六点后失效并置灰

想实现页面功能 在18:00之后让提交按钮失去效果 并且将按钮置灰

望高手给予指点 为感!!!

<script language=javascript type="text/javascript">
//特别注明:北京时间是格林尼治标准时加八小时,因此用的起始时间也是从八点起算的
var secondServer = parseInt(new Date().getTime()/1000); //1278744646;
var secondClient = parseInt(new Date().getTime()/1000);
var secondSub = secondServer - secondClient; //两端时间秒差
var f = true;
function meizzTime(n)
{

var mei = new Date();
mei.setTime(mei.getTime() + n*1000); //得到一个新的时间

var h = (mei.getHours() > 9) ? mei.getHours() : "0" + mei.getHours(); //时
var m = (mei.getMinutes() > 9) ? mei.getMinutes() : "0" + mei.getMinutes(); //分
//var s = (mei.getSeconds() > 9) ? mei.getSeconds() : "0" + mei.getSeconds(); //秒

document.meizz.clock.value = h +":"+ m +":"+ s; //显示时间
if(f && h == 18){

//在这里修改你按钮的属性,设置为灰色
//alert("111");
f = false;
}

setTimeout("meizzTime(secondSub)", 1000);
}
</script>
</head>

<body onLoad="meizzTime(secondSub)">
<form name="meizz">
<input name="clock" size="100" class="form" style="color:#000000">
</form>
</body>

这个是动态的,如果一直开着页面的话,到18点不用刷新页面也会禁用按钮,时间有点急,要吃饭了。下面的你可以根据你的需求改一下
温馨提示:答案为网友推荐,仅供参考
第1个回答  2010-08-03
<html>
<head>

<script>
function disableButton(){
if(new Date().getHours() == 18){
document.getElementById("button").setAttribute("disabled","disabled");
}
}
window.onload=function(){setInterval(disableButton, 1000);}
</script>
</head>
<body>
<input type="button" id="button" value="18点失效" />
</body>
</html>
第2个回答  2010-08-03
创建出一个时间的对象,在用获取时间的方法取出时间,和18:00进行比较,当大于其时,另按钮标签的属性 disable = "true" 即可