代码如下
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
var time=new Date();
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
setInterval(clock,1000)
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" style="background:black;color:#0f0;font-size:50px;width:200px;text-align:center"/>
</form>
</body>
</html>
一般时钟都带冒号跳动的效果，但是实在不知道怎么实现。求大神给个方案或者思路~谢谢
首先 应该 setInterval(clock(),1000);
关于冒号跳动，因为一般是每秒钟跳动一次，可以认为是“ ”和“：”交替出现
<body>
<div id="clock">clock</div><p>用javascript来将这句话变为一个时间，时间之间的冒号有跳动效果</p>
<input type="button" value="get time" onClick="clocker(document.getElementById('clock'))"/>
</body>
<script type="text/javascript">
function clocker(container){//循环计时器涉及到封包的问题，这样就不会无限多开计时器，把网页卡死了。封包我也不太懂，所以这是我照着他的代码改的。
var tag=0;
function signChange(){//显示时间和冒号跳动的函数
var sign=" ";//初始显示空格
//通过判断tag的值的真假来确定显示空格或者冒号，每秒刷新一次从而实现跳动效果
if(tag){
sign=":";
tag--;
}else{
sign=" ";
tag++;}
var d=new Date();
container.innerHTML=d.getHours()+sign+d.getMinutes();
}
var mytime=setInterval(signChange,1000);//设置计时器
}
下面隐藏的是也我仿写，区别只是函数位置而已。
/*var mytime=setInterval(function(){
var sign=" ";
if(tag==0){
sign=":";
tag--;
}else{
sign=" ";
tag++;}
var d=new Date();
container.innerHTML=d.getHours()+sign+d.getMinutes();
},500);
}*/
//clocker(document.getElementById("clock"));//传入id为clock的被取代内容, 执行函数
</script>
</html>你这个代码不对吧？能运行出来？
你setIntervaL里面调用函数的时候 那个clock后面是不是要加括号啊 clock()