能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下:

一、具体代码

脚本之家

以上代码实现了我们的要求,下面简单介绍一下实现过程。

二、实现原理

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技巧相关推荐

  1. html时间框自动更新,原生javascript实现自动更新的时间日期

    能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: 一.具体代码 脚本之家 var t = n ...

  2. java 正则表达式 判断 日期_怎么在java中利用正则表达式对时间日期进行判断

    怎么在java中利用正则表达式对时间日期进行判断 发布时间:2020-12-08 16:18:34 来源:亿速云 阅读:105 作者:Leah 这篇文章给大家介绍怎么在java中利用正则表达式对时间日 ...

  3. javascript常用代码【格式化时间日期】

    这周工作中,写了几个前端界面,页面中有个表格列字段是时间类型的,但是后端传递过来的时间是时间戳,所以需要在前端将其转换展示. 记录一下格式化日期代码,以后再遇见类似功能直接复制黏贴即可(其实是为了多点 ...

  4. 原生JavaScript实现显示当前系统时间

    1.一个html页面实现,js写在html里面 clock.html <!DOCTYPE html> <html> <head><meta charset=& ...

  5. javascript php 性能,JavaScript知识点总结之如何提高性能_javascript技巧

    JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货. 先给大家巩固 ...

  6. 找出重复最多的字符php,javascript获取重复次数最多的字符_javascript技巧

    javascript获取重复次数最多的字符 /** 取出字符串中重复字数最多的字符 */ var words = 'sdfghjkfastgbyhnvdstyaujskgfdfhlaa'; //创建字 ...

  7. php document.getel,javascript 密码强弱度检测万能插件_javascript技巧

    网页密码强弱度检测 请输入密码 弱 中 强 所需JS下载 //=============================checkpwd.js============================= ...

  8. 在微信小程序中实现时间日期的选择,并且显示当前选择的时间日期

    <!--时间选择器 --> < view class= '' >选择时间> </ view > < picker mode= "time&qu ...

  9. Java 8 时间日期库的20个使用演示样例

    除了lambda表达式,stream以及几个小的改进之外,Java 8还引入了一套全新的时间日期API,在本篇教程中我们将通过几个简单的任务演示样例来学习怎样使用Java 8的这套API.Java对日 ...

最新文章

  1. 计算机网络sdn,刘少伟:SDN重新定义网络
  2. 使用blas做矩阵乘法
  3. (转)explorer.exe应用程序错误:0x000000该内存不能为read的解决方法
  4. 用友为什么要进军PLM市场
  5. 变压器轻载是什么意思?
  6. Attempt to do update or delete on table db1.table1 that is not transactional解决
  7. Sersync+Rsync 增量实时同步
  8. GdiPlus[30]: IGPPen: 线帽
  9. 牛客网【每日一题】4月17日题目精讲 华华给月月准备礼物
  10. oracle 9.2.0.1下载,Oracle 9i 从9.2.0.1升级到 9.2.0.6 步骤
  11. linux ubuntu系统安装dotnet / Azcopy
  12. .NET Framework版本解析
  13. php解析torrent文件格式,bittorrent 种子文件结构解析
  14. MacOS怎么设置动态桌面,heic动态桌面壁纸怎么用
  15. 5月全球CTF比赛时间汇总来了!
  16. 【实战】(字节跳动、日本东京大学)学习使用白盒表示+GAN来创作卡通图片:Learning to Cartoonize Using White-Box Cartoon Representations
  17. Linux:chmod -R 777 * 是什么意思?
  18. PMP有效期三年后,还有必要续证吗?
  19. 希望OL修改服务器经验,希望OL服务端架设技术教程
  20. JSP页面之间传值的方法总结

热门文章

  1. 计算机网络硬件部件,计算机网络硬件由哪些部件组成?
  2. oracle无效的存储过程怎么解决,oracle数据库 编译无效存储过程
  3. 索引与其内部数据结构
  4. Swagger原理解析
  5. 面向对象之: 类空间问题及类之间的关系
  6. Oracle_忘记密码
  7. java输入输出高速
  8. 【ExtJS实践】之五 :常用语句及脚本备忘
  9. 给文件的每一行后面加一个String:context
  10. jquery练习——简单的图片结果展示效果