判断今天是星期几的5种方法（原生js）

最新推荐文章于 2024-05-22 11:24:21 发布

pugongying520

最新推荐文章于 2024-05-22 11:24:21 发布

阅读量8.1k

点赞数 3

本文链接：https://blog.csdn.net/pugongying520/article/details/53885043

版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
<title>实现今天是星期几的方法</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几：</p>
<input class="button" type="button" name="button" value="点击这里"/>
<p id="content"></p>
<script>
var button = document.getElementsByClassName('button')[0]
button.onclick = function functionName() {
  var date = new Date().getDay()    var arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'] 
  var object = { 0:'星期天', 1:"星期一", 2:"星期二", 3:"星期三", 4:"星期四", 5:"星期五", 6:"星期六", } 
  // 方法一：数组实现法  document.getElementById('content').innerHTML = '今天是'  +  arr[date] 
  // 方法二：对象实现法  document.getElementById('content').innerHTML = '今天是'  +  object[date] 
  //方法三：charAt定位方法  document.getElementById('content').innerHTML = "今天是星期" + "天一二三四五六".charAt(date); 
  //方法四：switch选择法  
    switch (date) { 
       case 0:document.getElementById('content').innerHTML="今天是星期天"
       break;
       case 1:document.getElementById('content').innerHTML="今天是星期一" 
       break;
       case 2:document.getElementById('content').innerHTML="今天是星期二"
       break;
       case 3:document.getElementById('content').innerHTML="今天是星期三" 
       break;
       case 4:document.getElementById('content').innerHTML="今天是星期四"
       break;
       case 5:document.getElementById('content').innerHTML="今天是星期五"
       break;
       case 6:document.getElementById('content').innerHTML="今天是星期六"
       break;  }
//方法五： if判断  
  if(date == 0){  document.getElementById('content').innerHTML="今天是星期日";    return;  }
  if(date == 1){    document.getElementById('content').innerHTML="今天是星期一";    return;  }
  if(date == 2){    document.getElementById('content').innerHTML="今天是星期二";    return;  }
  if(date == 3){    document.getElementById('content').innerHTML="今天是星期三";    return;  }
  if(date == 4){    document.getElementById('content').innerHTML="今天是星期四";    return;  }
  if(date == 5){    document.getElementById('content').innerHTML="今天是星期五";    return;  } 
 document.getElementById('content').innerHTML="今天是星期六";}
</script>
</body>
</html>

pugongying520

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
判断今天是星期几的5种方法（原生js）

实现今天是星期几的方法点击下面的按钮来显示今天是周几：var al = document.getElementsByClassName('button')[0]al.onclick = function functionName() { var date = new Date().getDay() var arr = ['星期天','星期一','星期二'
复制链接

扫一扫