                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

請(qǐng)問(wèn)怎么實(shí)現(xiàn)冒號(hào)跳動(dòng)

代碼如下

<!DOCTYPE HTML>

<html>

<head>

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

</form>

</body>

</html>

一般時(shí)鐘都帶冒號(hào)跳動(dòng)的效果，但是實(shí)在不知道怎么實(shí)現(xiàn)。求大神給個(gè)方案或者思路~謝謝

木又寸丅王元l司學(xué)

2016-04-06

源自：JavaScript進(jìn)階篇 8-3

關(guān)注問(wèn)題我要回答

1149

操作

收起

4 回答

franklin12315 回答被采納 +3 積分
2016-04-06

首先應(yīng)該 setInterval(clock(),1000);

關(guān)于冒號(hào)跳動(dòng)，因?yàn)橐话闶敲棵腌娞鴦?dòng)一次，可以認(rèn)為是“ ? ”和“：”交替出現(xiàn)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

木又寸丅王元l司學(xué) 提問(wèn)者

我試試

2016-04-06 回復(fù) 有任何疑惑可以回復(fù)我~

#2

一只特立獨(dú)行的doge 回復(fù) 木又寸丅王元l司學(xué) 提問(wèn)者

哥們，實(shí)現(xiàn)了嗎？能不能給我看看，我寫(xiě)出來(lái)的不行，我的思路是按照你采納的那個(gè)答案，把秒之前的那個(gè)冒號(hào)換成一個(gè)實(shí)現(xiàn)空格和冒號(hào)交替顯示的函數(shù)，但是實(shí)現(xiàn)不了。所以，如果你寫(xiě)出來(lái)了，能不能給看看代碼。麻煩了！

2016-04-12 回復(fù) 有任何疑惑可以回復(fù)我~

#3

木又寸丅王元l司學(xué) 提問(wèn)者回復(fù) 一只特立獨(dú)行的doge

并沒(méi)有。。。不成功，還在研究，sorry

2016-04-12 回復(fù) 有任何疑惑可以回復(fù)我~

查看2條回復(fù)

一只特立獨(dú)行的doge
2016-04-25

<body>
<div?id="clock">clock</div><p>用javascript來(lái)將這句話變?yōu)橐粋€(gè)時(shí)間，時(shí)間之間的冒號(hào)有跳動(dòng)效果</p>
<input?type="button"?value="get?time"?onClick="clocker(document.getElementById('clock'))"/>
</body>
<script?type="text/javascript">
function?clocker(container){//循環(huán)計(jì)時(shí)器涉及到封包的問(wèn)題，這樣就不會(huì)無(wú)限多開(kāi)計(jì)時(shí)器，把網(wǎng)頁(yè)卡死了。封包我也不太懂，所以這是我照著他的代碼改的。
????var?tag=0;
?function?signChange(){//顯示時(shí)間和冒號(hào)跳動(dòng)的函數(shù)
????var?sign="?";//初始顯示空格
?//通過(guò)判斷tag的值的真假來(lái)確定顯示空格或者冒號(hào)，每秒刷新一次從而實(shí)現(xiàn)跳動(dòng)效果
?if(tag){
???sign=":";
???tag--;
?}else{
???sign="?";
???tag++;}
?var?d=new?Date();
??container.innerHTML=d.getHours()+sign+d.getMinutes();
?}
?var?mytime=setInterval(signChange,1000);//設(shè)置計(jì)時(shí)器
?}
下面隱藏的是也我仿寫(xiě)，區(qū)別只是函數(shù)位置而已。
?/*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的被取代內(nèi)容,?執(zhí)行函數(shù)
</script>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答