昆明java培训
达内昆明广州春城路

18487146383

热门课程

JS时钟代码分享(上)

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

之前达内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培训带你了解机器学习

中美it行业数据大pk

昆明达内java培训的面试问题你都掌握了吗

机器学习领域需要掌握什么

选择城市和中心
贵州省

广西省

海南省

扫一扫

了解更多干货