(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
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
30 0
|
3月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
33 0
|
4月前
|
JavaScript 前端开发
javascript 如何判断字符串日期是否相差七天
在JavaScript中,你可以使用`Date`对象来比较两个日期之间的差异。下面是一个简单的示例,演示如何判断两个字符串日期是否相差七天: ```javascript function isSevenDaysDifference(date1, date2) { // 确保输入是字符串 if (typeof date1 !== 'string' || typeof date2 !== 'string') { return false; } // 将字符串转换为Date对象 var d1 = new Date(date1);
|
4月前
|
存储 前端开发 JavaScript
实现一个简单的JavaScript日期选择器
实现一个简单的JavaScript日期选择器
|
4月前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
4月前
|
存储 资源调度 JavaScript
JavaScript日期时间操作完整指南!(下)
JavaScript日期时间操作完整指南!(下)
106 0
|
4月前
|
JavaScript 前端开发 Unix
JavaScript日期时间操作完整指南!(上)
JavaScript日期时间操作完整指南!(上)
|
3月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
32 3
|
7天前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
7天前
|
JavaScript 前端开发
JavaScript 日期对象
JavaScript 日期对象