js制作简单的时钟v1.0

js制作简单的时钟

getFullYear()：获取四位数年份
getMonth()：获取月份
getDate：获取日期
getDay：获取一周中的周几
getHours()：获取小时
getMinutes()：获取分钟
getSeconde()：获取秒数
setInterval(callback, time)：定时器方法
callback：回调函数
time：执行函数的间隔时间，单位毫秒

注意：代码要放在body标签下面执行。

<script>setInterval(show_time, 1000);show_time();function show_time(){var time = new Date();var week = ["日", "一", "二", "三", "四", "五", "六"];var str = time.getFullYear() + "年" + get_two(time.getMonth() + 1) + "月" + get_two(time.getDate()) + "日 周" + week[time.getDay()] + " " + get_two(time.getHours()) + ":" + get_two(time.getMinutes()) + ":" + get_two(time.getSeconds());document.body.innerHTML = str;}//将小于10的数变为00,01,02...的样式function get_two(num){return num < 10 ? "0" + num : num;}
</script

效果

js制作简单的时钟v1.0相关推荐

css画钟表_利用css+原生js制作简单的钟表
利用css+原生js制作简单的钟表.效果如下所示实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...
HTML制作简单的时钟
HTML制作简单的时钟使用HTML.CSS.jQuery.JS制作时钟,能获取到系统时间使得时钟上的指针进行实时的改变,话不多说上代码 <!DOCTYPE html> <html ...
this.scrollheight获取textarea的高度是0_53小米电子时钟/v1.0 介绍
赞赏作者10元加入作者粉丝团,公众号主页-表盘列表中包含本款表盘在内的30+款表盘以及后期添加到表盘列表(不包含精品列表中的)中的表盘都可以免费使用. 赞赏获取:点此获取在您赞赏之前,请确定您已阅读 ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
html5互动场景制作系统,春哥技术博客高仿易企秀H5场景应用制作平台源码V1.0正式版发布...
经过一个月的艰苦努力,春哥团队最新作品即将与大家见面了,<2015年6月春哥技术博客高仿易企秀H5场景应用制作平台源码V1.0正式版>即将来临, 现在春哥接受预定啦,春哥技术博客依然走价格 ...
利用js制作动态小时钟
利用js制作动态小时钟在学完Date()函数之后,可以用来与CSS结合制作一个能转动的时钟. 新建html文件,写好基本结构,代码如下: <!DOCTYPE html> <html ...
html+css+js制作简单网站首页
一个简单的网站主页主要由html+css+js制作 1.图片展示这是首页的上半部分,主要内容有:顶部标头.顶部导航栏.图片轮播图. ```css <!DOCTYPE html> < ...
建军节献礼！J20航模遥控器开源项目系列教程（一）制作教程 | 基础版V1.0发布，从0到1
我们的开源宗旨:自由协调开放合作共享拥抱开源,丰富国内开源生态,开展多人运动,欢迎加入我们哈~ 和一群志同道合的人,做自己所热爱的事! 项目开源地址:https://github.com/C ...
使用 FlipClock.js 制作精美的时钟、定时器和倒计时功能
FlipClock.js 被创建出来是因为其他的解决方案不够抽象,不能够在不重写的代码的情况下提供了深层次的自定义.有些库的参数过多,而另外一些则是脚本中的硬编码太多,不够灵活. 在参考许多现有的解决 ...

js制作简单的时钟v1.0

js制作简单的时钟

js制作简单的时钟v1.0相关推荐

最新文章

热门文章