(JavaScript)动态显示日期

简介: 动态显示日期

动态显示日期



window.onload=setInterval(datestr,1000);
function datestr(){ 
  var date = new Date();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  var datestr = "当前日期:"+date.getFullYear()+"年"+((Number(date.getMonth()+1)<10 ? ("0"+(date.getMonth()+1)):(date.getMonth()+1)))+"月"+(Number(date.getDate()) <10 ? "0"+date.getDate():date.getDate())+"日 "+weekday[date.getDay()]+" "+((Number(date.getHours()+1)<10?("0"+(date.getHours()+1)):(date.getHours()+1)))+"时"+((Number(date.getMinutes()+1)<10?("0"+(date.getMinutes()+1)):(date.getMinutes()+1)))+"分"+((Number(date.getSeconds()+1)<10?("0"+(date.getSeconds()+1)):(date.getSeconds()+1)))+"秒";
  //方法二:使用switch-case语句
  /*switch(date.getDay()){
    case 0:
      datestr += " 星期日";
      break;
    case 1:
      datestr += " 星期一";
      break;
    case 2:
      datestr += " 星期二";
      break;
    case 3:
      datestr += " 星期三";
      break;
    case 4:
      datestr += " 星期四";
      break;
    case 5:
      datestr += " 星期五";
      break;
    case 6:
      datestr += " 星期六";
      break;
  }*/
  var adv=document.getElementById("dateshow");
  adv.innerHTML=datestr;
  }

效果:

14e16ee32970401e80cfda708d26d07c.png




相关文章
|
2月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
46 2
|
7月前
|
JavaScript
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
300 0
|
7月前
|
JavaScript 前端开发
javascript 如何判断字符串日期是否相差七天
在JavaScript中,你可以使用`Date`对象来比较两个日期之间的差异。下面是一个简单的示例,演示如何判断两个字符串日期是否相差七天: ```javascript function isSevenDaysDifference(date1, date2) { // 确保输入是字符串 if (typeof date1 !== 'string' || typeof date2 !== 'string') { return false; } // 将字符串转换为Date对象 var d1 = new Date(date1);
193 1
|
7月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
71 0
|
7月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
82 3
|
3月前
|
JavaScript 前端开发
js时间戳转日期时间
js时间戳转日期时间
88 20
|
1月前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
3月前
|
JavaScript 前端开发
|
6月前
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
142 1
|
5月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
249 0