杰晶网络

基于javascript显示当前时间以及倒计时功能
网络编程 2024/5/19 佚名
3 2

自我练习，顺便分享给大家的一段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 对象的原始值。

具体实现代码：

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>原生js 当前时间 倒计时代码</title>
 <style>
 *{margin:0;padding:0;}
 body{text-align:center;}
 .text{margin-top:150px;font-size:14px;}
 </style>
 <script>
  window.onload=function(){   
   getMyTime(); 
   getMyTime1(); 
  }
  //1.前面补0
  function p(n){
   return n<10"text">
  <p>倒计时间：<span id="time"></span></p>
  <p>当前时间：<span id="time1"></span></p> 
 </div>
</body>
</html>

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

标签：
js,当前时间,倒计时
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 更多链接