位置: 编程技术 - 正文

原生javascript实现自动更新的时间日期(js原生dialog)

编辑:rootadmin

推荐整理分享原生javascript实现自动更新的时间日期(js原生dialog),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:原生js实现promise,原生js实现promise,原生js import,原生js实现ajax步骤,原生js import,原生js常用的方法,原生js常用的方法,原生js实现promise,内容如对您有帮助,希望把文章链接给更多的朋友!

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

以上代码实现了我们的要求,下面简单介绍一下实现过程。二、实现原理time()函数能够获取当前时间日期,然后在函数最后使用定时器函数递归调用time()函数,也就是能够不断执行time()函数,于是也就实现了时间日期自动更新的经过,这里就不多介绍了。

三、相关信息补充

javascript时间函数

javascript提供了Date对象来进行时间和日期的计算。Date对象有多种构造函数:

1、dateObj=new Date() //当前时间

2、dateObj=new Date(milliseconds) //距离起始时间年1月1日的毫秒数

3、dateObj=new Date(datestring) //字符串代表的日期与时间。此字符串可以使用Date.parse()转换,比如"Jannuary 1, ::"

原生javascript实现自动更新的时间日期(js原生dialog)

4、dateObj=new Date(year, month, day, hours, minutes, seconds, microseconds) //时间数值,可以不用全部写,不写则默认为0

使用时调用对象函数,比如year=dateObj.getFullYear();//获得年份值

下面是Date对象的函数列表,使用方法如上所示:

1)、获取类函数:getDate() 函数 -- 返回天数(1-)getDay()函数 -- 返回星期数(0-6)getFullYear() 函数 -- 返回四位数年份getHours()函数 -- 返回小时数(0-)getMilliseconds() 函数 -- 返回毫秒数(0-)getMinutes() 函数 -- 返回分钟数(0-)getMonth() 函数 -- 返回月份数(0-)getSeconds() 函数 -- 返回的秒数(0-)getTime() 函数 -- 返回时间戳表示法(毫秒表示)getYear() 函数 -- 返回年份(真实年份减去)

2)、设置类函数:(以下函数均返回date对象距年1月1日午夜之间的毫秒数)setDate() 函数 -- 设置月份的一天setFullYear() 函数 -- 设置的年份,月份和天setHours() 函数 -- 设置小时,分钟,秒和毫秒setMilliseconds() 函数 -- 设置毫秒数setMinutes() 函数 -- 设置分钟,秒,毫秒setMonth() 函数 -- 设置月份,天setSeconds() 函数 -- 设置月份的一天setTime() 函数 -- 使用毫秒数设置date对象setYear() 函数 -- 设置年份(真实年份减去)

3)、转化显示类函数:toLocalString() 函数 -- 返回本地化字符串表示toLocaleDateString函数 -- 返回日期部分的本地化字符串toLocaleTimeString函数 -- 返回时间部分的本地化字符串

相对于local输出,还有:

toString()toDateString()toTimeString()

区别在于前者是根据不同的机器有不同的当地语言格式,后者是内部表示格式

4)、日期解析类函数

Date.parse() 函数 -- 解析一个日期的字符串,并返回该日期距年1月1日午夜之间的毫秒数

本文链接地址:https://www.jiuchutong.com/biancheng/381748.html 转载请保留说明!

上一篇:原生javascript实现图片无缝滚动效果(js原生dialog)

下一篇:js随机生成26个大小写字母(js随机生成6位数)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络