html日期自动更新,原生javascript实现自动更新的时间日期_javascript技巧
能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下:
一、具体代码
脚本之家
以上代码实现了我们的要求,下面简单介绍一下实现过程。
二、实现原理
time()函数能够获取当前时间日期,然后在函数最后使用定时器函数递归调用time()函数,也就是能够不断执行time()函数,于是也就实现了时间日期自动更新的经过,这里就不多介绍了。
三、相关信息补充
javascript时间函数
javascript提供了Date对象来进行时间和日期的计算。Date对象有多种构造函数:
1、dateObj=new Date() //当前时间
2、dateObj=new Date(milliseconds) //距离起始时间1970年1月1日的毫秒数
3、dateObj=new Date(datestring) //字符串代表的日期与时间。此字符串可以使用Date.parse()转换,比如"Jannuary 1, 1998 20:13:15"
4、dateObj=new Date(year, month, day, hours, minutes, seconds, microseconds) //时间数值,可以不用全部写,不写则默认为0
使用时调用对象函数,比如
year=dateObj.getFullYear();//获得年份值
下面是Date对象的函数列表,使用方法如上所示:
1)、获取类函数:
getDate() 函数 -- 返回天数(1-31)
getDay()函数 -- 返回星期数(0-6)
getFullYear() 函数 -- 返回四位数年份
getHours()函数 -- 返回小时数(0-23)
getMilliseconds() 函数 -- 返回毫秒数(0-999)
getMinutes() 函数 -- 返回分钟数(0-59)
getMonth() 函数 -- 返回月份数(0-11)
getSeconds() 函数 -- 返回的秒数(0-59)
getTime() 函数 -- 返回时间戳表示法(毫秒表示)
getYear() 函数 -- 返回年份(真实年份减去1900)
2)、设置类函数:
(以下函数均返回date对象距1970年1月1日午夜之间的毫秒数)
setDate() 函数 -- 设置月份的一天
setFullYear() 函数 -- 设置的年份,月份和天
setHours() 函数 -- 设置小时,分钟,秒和毫秒
setMilliseconds() 函数 -- 设置毫秒数
setMinutes() 函数 -- 设置分钟,秒,毫秒
setMonth() 函数 -- 设置月份,天
setSeconds() 函数 -- 设置月份的一天
setTime() 函数 -- 使用毫秒数设置date对象
setYear() 函数 -- 设置年份(真实年份减去1900)
3)、转化显示类函数:
toLocalString() 函数 -- 返回本地化字符串表示
toLocaleDateString函数 -- 返回日期部分的本地化字符串
toLocaleTimeString函数 -- 返回时间部分的本地化字符串
相对于local输出,还有:
toString()
toDateString()
toTimeString()
区别在于前者是根据不同的机器有不同的当地语言格式,后者是内部表示格式
4)、日期解析类函数
Date.parse() 函数 -- 解析一个日期的字符串,并返回该日期距1970年1月1日午夜之间的毫秒数
以上就是关于javascript时间日期的详细内容,希望对大家的学习有所帮助。
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
html日期自动更新,原生javascript实现自动更新的时间日期_javascript技巧相关推荐
- html时间框自动更新,原生javascript实现自动更新的时间日期
能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: 一.具体代码 脚本之家 var t = n ...
- java 正则表达式 判断 日期_怎么在java中利用正则表达式对时间日期进行判断
怎么在java中利用正则表达式对时间日期进行判断 发布时间:2020-12-08 16:18:34 来源:亿速云 阅读:105 作者:Leah 这篇文章给大家介绍怎么在java中利用正则表达式对时间日 ...
- javascript常用代码【格式化时间日期】
这周工作中,写了几个前端界面,页面中有个表格列字段是时间类型的,但是后端传递过来的时间是时间戳,所以需要在前端将其转换展示. 记录一下格式化日期代码,以后再遇见类似功能直接复制黏贴即可(其实是为了多点 ...
- 原生JavaScript实现显示当前系统时间
1.一个html页面实现,js写在html里面 clock.html <!DOCTYPE html> <html> <head><meta charset=& ...
- javascript php 性能,JavaScript知识点总结之如何提高性能_javascript技巧
JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货. 先给大家巩固 ...
- 找出重复最多的字符php,javascript获取重复次数最多的字符_javascript技巧
javascript获取重复次数最多的字符 /** 取出字符串中重复字数最多的字符 */ var words = 'sdfghjkfastgbyhnvdstyaujskgfdfhlaa'; //创建字 ...
- php document.getel,javascript 密码强弱度检测万能插件_javascript技巧
网页密码强弱度检测 请输入密码 弱 中 强 所需JS下载 //=============================checkpwd.js============================= ...
- 在微信小程序中实现时间日期的选择,并且显示当前选择的时间日期
<!--时间选择器 --> < view class= '' >选择时间> </ view > < picker mode= "time&qu ...
- Java 8 时间日期库的20个使用演示样例
除了lambda表达式,stream以及几个小的改进之外,Java 8还引入了一套全新的时间日期API,在本篇教程中我们将通过几个简单的任务演示样例来学习怎样使用Java 8的这套API.Java对日 ...
最新文章
- 计算机网络sdn,刘少伟:SDN重新定义网络
- 使用blas做矩阵乘法
- (转)explorer.exe应用程序错误:0x000000该内存不能为read的解决方法
- 用友为什么要进军PLM市场
- 变压器轻载是什么意思?
- Attempt to do update or delete on table db1.table1 that is not transactional解决
- Sersync+Rsync 增量实时同步
- GdiPlus[30]: IGPPen: 线帽
- 牛客网【每日一题】4月17日题目精讲 华华给月月准备礼物
- oracle 9.2.0.1下载,Oracle 9i 从9.2.0.1升级到 9.2.0.6 步骤
- linux ubuntu系统安装dotnet / Azcopy
- .NET Framework版本解析
- php解析torrent文件格式,bittorrent 种子文件结构解析
- MacOS怎么设置动态桌面,heic动态桌面壁纸怎么用
- 5月全球CTF比赛时间汇总来了!
- 【实战】(字节跳动、日本东京大学)学习使用白盒表示+GAN来创作卡通图片:Learning to Cartoonize Using White-Box Cartoon Representations
- Linux:chmod -R 777 * 是什么意思?
- PMP有效期三年后,还有必要续证吗?
- 希望OL修改服务器经验,希望OL服务端架设技术教程
- JSP页面之间传值的方法总结