效果图:
十年的和田网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整和田建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“和田网站设计”,“和田网站推广”以来,每个客户项目都认真落实执行。
代码如下:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>一个简单的数字时钟</title> <script type="text/javascript" charset="utf-8"> // 定义一个函数用以显示当前时间 function displayTime() { var elt = document.getElementById("clock"); // 通过id= "clock"找到元素 var now = new Date(); // 得到当前时间 elt.innerHTML = now.toLocaleTimeString(); //让elt来显示它 setTimeout(displayTime,1000); //在1秒后再次执行 } window.onload = displayTime; //当onload事件发生时开始显示时间 </script> <style type="text/css" media="all"> #clock { font: bold 24pt sans; background: #ddf; padding: 10px; border: 2px solid black; border-radius: 10px; } </style> </head> <body> <h2>一个简单的数字时钟</h2> <span id="clock"></span> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持创新互联!
网站题目:js实现一个简单的数字时钟效果
文章转载:https://www.cdcxhl.com/article10/pdshdo.html
成都网站建设公司_创新互联,为您提供企业建站、微信小程序、网站制作、手机网站建设、软件开发、品牌网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联