用js或jquery实现一个数字随时间增加的效果

8点的时候显示的是0，9点的时候显示的是2，一直到20点是22。也就是每隔一个小时就增加2。20点过后则一直保持22。过了0点清零，一直到9点再显示2。就这么循环下去。用... 8点的时候显示的是0，9点的时候显示的是2，一直到20点是22。也就是每隔一个小时就增加2。20点过后则一直保持22。过了0点清零，一直到9点再显示2。就这么循环下去。用js或jquery该怎么实现展开

 我来答

3个回答

#合辑# 面试问优缺点怎么回答最加分？

乌微月2S
推荐于2017-09-23 · TA获得超过5037个赞

知道大有可为答主

回答量：5361

采纳率：42%

帮助的人：2844万

我也去答题访问个人页

关注

展开全部

用javascript可以实现啊。一会儿上代码。

<html>
<head>
</head>
<body>
<div id="test1"></div>
</body>
<script>
 var inner="";
 var date=new Date();
 var h=date.getHours();
 if(h>=20){
  inner='22'; 
 }else if(h<=8){
  inner='0'
 }else{
  inner=(h-8)*2+"";
 }
 document.getElementById("test1").innerHTML=inner;
</script>
</html>

追问

为什么我用
document.getElementsByClassName("test1").innerHTML=inner;

用class的不好使，用id就好使呢

追答

因为不能这么用啊。
javascript不支持这种写法，你就取个id呗。

本回答被提问者采纳

已赞过 已踩过<

评论收起

云汉芯城（上海）互联网..

广告2024-10-29

采购电子元器件，认准云汉芯城!1.7亿条累计电子元器件库存信息，1片起订，原厂正品，来就送818元大礼包，欢迎在线咨询及订购!

www.ickey.cn

Prince____Yu
2013-12-24 · TA获得超过3718个赞

知道小有建树答主

回答量：864

采纳率：33%

帮助的人：946万

我也去答题访问个人页

关注

展开全部

<script type="text/javascript">    
    var time = new Date();
    var number = time.getHours()+2;
    if (number <=22) {
        console.log(number);
    }else{
        console.log(22);
    };
</script>

希望我的回答能帮到你哈，有问题可以追问，觉得好就点个赞，有用就采纳！

追问