你的位置:首页 > 软件开发 > Java > Canvas + JS 实现简易的时钟

Canvas + JS 实现简易的时钟

发布时间:2015-03-10 12:01:01
之前学习了下html5中的canvas元素,为了练练手就实现了一个简易的时钟。时钟本身并不复杂,也没有使用图片进行美化,不过麻雀虽小五脏俱全,下面就与大家分享一下:实现效果: html代码:<!DOCTYPE html><htm ...

Canvas + JS 实现简易的时钟

之前学习了下html5中的canvas元素,为了练练手就实现了一个简易的时钟。时钟本身并不复杂,也没有使用图片进行美化,不过麻雀虽小五脏俱全,下面就与大家分享一下:

  • 实现效果:

        Canvas + JS 实现简易的时钟

  • html代码:
    <!DOCTYPE html><html><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>Clock</title>  <style type="text/css">  *{    margin: 0;    padding: 0;  }  .canvas{    margin-left: 20px;    margin-top: 20px;    border: solid 1px;  }  </style></head><body onload= "main()"><canvas class = "canvas" id="canvasId" width = '500px' height = '400px'></canvas><script type= "text/javascript" src = "Clock.js"></script></body></html>

    原标题:Canvas + JS 实现简易的时钟

    关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。