用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该怎么实现 展开
 我来答
乌微月2S
推荐于2017-09-23 · TA获得超过5037个赞
知道大有可为答主
回答量:5361
采纳率:42%
帮助的人:2881万
展开全部

用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呗。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Prince____Yu
2013-12-24 · TA获得超过3718个赞
知道小有建树答主
回答量:864
采纳率:33%
帮助的人:956万
展开全部
<script type="text/javascript">    
    var time = new Date();
    var number = time.getHours()+2;
    if (number <=22) {
        console.log(number);
    }else{
        console.log(22);
    };
</script>

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

追问
8点的时候不是0啊
追答
我在看下~~~
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cckk263
2013-12-24 · TA获得超过1509个赞
知道小有建树答主
回答量:1699
采纳率:0%
帮助的人:351万
展开全部
var time=self.setInterval(function(){$("#today").html(date("Y-m-d H:i:s"));},1000);
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式