基于javascript显示当前时间以及倒计时功能

这篇文章主要为大家详细介绍了基于javascript显示当前时间以及倒计时功能的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

自我练习,顺便分享给大家的一段js原生代码。

Date 对象用于处理日期和时间。
Date()  返回当日的日期和时间。
getDate()  从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()  从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()  从 Date 对象返回月份 (0 ~ 11)。
getFullYear()  从 Date 对象以四位数字返回年份。
getYear()  请使用 getFullYear() 方法代替。
getHours()  返回 Date 对象的小时 (0 ~ 23)。
getMinutes()  返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()  返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()  返回 Date 对象的毫秒(0 ~ 999)。
getTime()  返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()  返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()  根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()  根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth()  根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear()  根据世界时从 Date 对象返回四位数的年份。
getUTCHours()  根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes()  根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds()  根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds()  根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse()  返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setDate()  设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()  设置 Date 对象中月份 (0 ~ 11)。
setFullYear()  设置 Date 对象中的年份(四位数字)。
setYear()  请使用 setFullYear() 方法代替。
setHours()  设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()  设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()  设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()  设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()  以毫秒设置 Date 对象。
setUTCDate()  根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()  根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()  根据世界时设置 Date 对象中的年份(四位数字)。
setUTCHours()  根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()  根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()  根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()  根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()  返回该对象的源代码。
toString()  把 Date 对象转换为字符串。
toTimeString()  把 Date 对象的时间部分转换为字符串。
toDateString()  把 Date 对象的日期部分转换为字符串。
toGMTString()  请使用 toUTCString() 方法代替。
toUTCString()  根据世界时,把 Date 对象转换为字符串。
toLocaleString()  根据本地时间格式,把 Date 对象转换为字符串。
toLocaleTimeString()  根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleDateString()  根据本地时间格式,把 Date 对象的日期部分转换为字符串。
UTC()  根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf()  返回 Date 对象的原始值。

具体实现代码:

   原生js 当前时间 倒计时代码 

倒计时间:

当前时间:

更多关于倒计时的文章请查看专题:《倒计时功能》

更多JavaScript时钟特效点击查看:JavaScript时钟特效专题

以上就是基于javascript显示当前时间以及倒计时功能的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程