                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请问怎么实现冒号跳动

代码如下

<!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>

一般时钟都带冒号跳动的效果，但是实在不知道怎么实现。求大神给个方案或者思路~谢谢

木又寸丅王元l司学

2016-04-06

源自：JavaScript进阶篇 8-3

关注问题我要回答

1117

操作

收起

4 回答

franklin12315 回答被采纳 +3 积分
2016-04-06

首先应该 setInterval(clock(),1000);

关于冒号跳动，因为一般是每秒钟跳动一次，可以认为是“ ”和“：”交替出现

0 回复有任何疑惑可以回复我~

#1

木又寸丅王元l司学提问者

我试试

2016-04-06 回复有任何疑惑可以回复我~

#2

一只特立独行的doge 回复木又寸丅王元l司学提问者

哥们，实现了吗？能不能给我看看，我写出来的不行，我的思路是按照你采纳的那个答案，把秒之前的那个冒号换成一个实现空格和冒号交替显示的函数，但是实现不了。所以，如果你写出来了，能不能给看看代码。麻烦了！

2016-04-12 回复有任何疑惑可以回复我~

#3

木又寸丅王元l司学提问者回复一只特立独行的doge

并没有。。。不成功，还在研究，sorry

2016-04-12 回复有任何疑惑可以回复我~

查看2条回复

一只特立独行的doge
2016-04-25

<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>

0 回复有任何疑惑可以回复我~

米❤朵
2016-04-06

你这个代码不对吧？能运行出来？

0 回复有任何疑惑可以回复我~

#1

木又寸丅王元l司学提问者

OK的啊课程里有说：调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000)

2016-04-06 回复有任何疑惑可以回复我~

小封
2016-04-06

你setIntervaL里面调用函数的时候那个clock后面是不是要加括号啊 clock()

0 回复有任何疑惑可以回复我~

#1

木又寸丅王元l司学提问者

调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) 可以的

2016-04-06 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468196 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

1 回答请问一下关于冒号的问题

1 回答js实现跳转页面

2 回答请问这个实现了什么

3 回答请问为什么无法实现？

3 回答冒泡排序怎么写？

搜索更多本课相关问答

请问怎么实现冒号跳动

我要回答关注问题

意见反馈帮助中心 APP下载