课程咨询 :186 8716 1620      qq:2066486918

昆明Java培训 > 达内新闻 > JS时钟代码分享(上)
  • JS时钟代码分享(上)

    发布:昆明Java培训      来源:SegmentFault      时间:2016-07-30

  • 之前达内Java培训的小编给大家分享过Java数字时钟的代码,今天再给大家分享一个用JavaScript写时钟的代码。其实并不难,只要你理清思路,按照步骤一步一步来,就会发现很简单。

    先来看看demo:

    JS时钟

    再来看代码:

    HTML:

    <div id="warp" >

    <div id="clock" >

    <div id="number">

    <div><span>9</span></div>

    <div><span>10</span></div>

    <div><span>11</span></div>

    <div><span>12</span></div>

    <div><span>1</span></div>

    <div><span>2</span></div>

    <div><span>3</span></div>

    <div><span>4</span></div>

    <div><span>5</span></div>

    <div><span>6</span></div>

    <div><span>7</span></div>

    <div><span>8</span></div>

    </div>

    <div id="houre" class="pointer" ></div>

    <div id="minute" class="pointer" ></div>

    <div id="second" class="pointer" ></div>

    </div>

    </div>

    这就是HTML部分的代码,还有CSS和JS部分的代码。达内Java培训的小编友情提示:不要走开,下一部分的代码更精彩。

    推荐文章

上一篇:如何用CSS实现居中

下一篇:JS时钟代码分享(中)

最新开班日期  |  更多

Java--零基础全日制班

Java--零基础全日制班

开班日期:11/30

Java--零基础业余班

Java--零基础业余班

开班日期:11/30

Java--周末提升班

Java--周末提升班

开班日期:11/30

Java--零基础周末班

Java--零基础周末班

开班日期:11/30

  • 网址:http://km .java.tedu.cn      地址:昆明市官渡区春城路62号证券大厦附楼6楼
  • 课程培训电话:186 8716 1620      qq:2066486918    全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56