请问怎么实现冒号跳动
木又寸丅王元l司学
2016-04-06 00:03
代码如下
<!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>
一般时钟都带冒号跳动的效果，但是实在不知道怎么实现。求大神给个方案或者思路~谢谢
4回答
-
- franklin12315
- 2016-04-06 11:47:47
首先 应该 setInterval(clock(),1000);
关于冒号跳动，因为一般是每秒钟跳动一次，可以认为是“ ”和“：”交替出现
-
- 一只特立独行的doge
- 2016-04-25 10:38:13
<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> -
- 米❤朵
- 2016-04-06 16:07:09
你这个代码不对吧？能运行出来？
-
- 小封
- 2016-04-06 11:43:32
你setIntervaL里面调用函数的时候 那个clock后面是不是要加括号啊 clock()
JavaScript进阶篇
468196 学习 · 21891 问题
相似问题