html5 canvas创意个性化圆形时钟动画特效

来源:http://www.phprr.com/show-713 2018-07-11 16:01:07浏览() 收藏

html5 canvas创意个性化圆形时钟动画特效,真没想到时钟指针还可以这样玩!
html5 canvas创意个性化圆形时钟动画特效
查看演示 下载资源: 1 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript" src="js/index.js"></script> 
<script> 
    function displayTime() { 
        var elt = document.getElementById("todaydatetime"); 
        var now = new Date(); 
        var h = now.getHours(); 
        var m = now.getMinutes(); 
        var s = now.getSeconds(); 
        var ms = now.getMilliseconds(); 
        elt.innerHTML =h + "小时:" + m + "分:" + s + "秒:" + ms; 
        setTimeout(displayTime, 100); 
    } 
    displayTime(); 
</script>


友情提醒:源码仅供学习 不得用于其他用途,下载者用于违法用途,本站不承担任何责任

腾讯云服务器安全可靠高性能,多种配置供您选择

https://cloud.tencent.com/redirect.php?redirect=1001&cps_key=b685b398d3e704662203733b89accc52&from=console

阿里云服务器安全可靠高性能,多种配置供您选择

https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=geqqrf2n

标签: 时钟 圆形时钟
最新交易
评论1
头像

评论后赠送5积分,下载出错或者资源有问题请联系全栈客服QQ 357058607

  • 头像
    2018-07-15 17:18:44
    e******7
    canavas神器来着 。。。
1 2