![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript应用实例
主要以一些js实例为主
华哥哥花哥哥
这个作者很懒,什么都没留下…
展开
-
通过Html5新元素<canvas>绘制时钟
HTML5 <canvas> 元素用于图形的绘制,通常是JavaScript来完成.效果如下:html和css代码就不发了,就一个div,给定一定的高度和宽度,然后在div里面利用<canvas>新元素通过js来完成,期间有点麻烦。js代码如下:<script> /** @type{HTMLCanvasElement}*/ var canvas = document.getElementById('canvas');.原创 2021-07-20 20:31:30 · 158 阅读 · 0 评论 -
JavaScript简单实现进度条
主要用到了计时器,话不多说直接上代码Html部分:Css部分:js部分:效果图:setTimeout和setInterval区别setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() ,setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭,或者让 code 自身再次调用setTimeout()。...原创 2021-07-19 20:31:42 · 326 阅读 · 2 评论 -
Html5、原生js实现拖放实例
用原生js写了一个拖放操作的案例,先看效果:该案例主要先把歌曲列表里的 li 元素的内容拖放复制到 “我喜欢”这个盒子里,然后可以把刚刚拖放复制的内容再次拖放到“垃圾桶”这个盒子里删除掉。代码如下:html: <div id="wrap"> <div id="list"> 歌曲列表 <hr> <div class="box"> .原创 2021-07-20 20:11:24 · 162 阅读 · 0 评论