JavaScript

测试Date对象

//我的第一个简易代码,用(文件名).txt文本打出,把扩展名更换成(文件名).html。


 <html>
<head>
<title>测试时间按钮的方法</title>
</head>


<body>
<button οnclick="myTime()">点击以下</button>
<p id="demo"></p>
<script>
 function myTime(){
 var x="";
 var day =new Date().getHours();
 var day1=new Date().getMinutes();
 var day2=new Date().getSeconds();
 document.getElementById("demo").innerHTML=day+"点"+day1+"分"+day2+"秒";
}
</script>
</body>

</html>

//代码利用了function调用计算机的现在时间运行的。


我的第二个简易代码,我把一天的时间分为2部分,白天和晚上。我利用代码function求得了时间分布。

<html>
<head>
<title>测试if else 语句的时间方法</title>
</head>


<body>
<button οnclick="myElseTime()">点击一下</button>
<p id="menu"></p>
<script>
function myElseTime(){
 var y="";
 var time=new Date().getHours();
 if(y<18){
 y="Good Day!";
}
else{
 y="Good Night";

 document.getElementById("menu").innerHTML=y;
}
</script>
</body>

</html>

我的第三个代码,全方面升级了代码,更方便易懂。我要求年 月 日 星期 小时 分钟 秒 的代码,而且时间随着打开代码的时间一直在变化。


<html>
<head>
<title>年月日星期小时分秒/title>
</head>


<body>
<button οnclick="myDataDay()">点击以下</button>
<p id="demo"></p>
<script>
function myDataDay(){
var tm=new Date();
var year=tm.getFullYear();
var Month=tm.getMonth()+1;
var day=tm.getDate();
var day1=tm.getDay();
var Hours=tm.getHours();
var Minutes=tm.getMinutes();
var Seconds=tm.getSeconds();
var x="";
switch (day1){
 case 0:
 x="Sunday";break;
 case 1:
 x="Monday";break;
 case 2:
 x="Tuesday";break;
 case 3:
 x="Wednesday";break;
 case 4:
 x="Thursday";break;
 case 5:
 x="Firday";break;
 case 6:
 x="Stauday";break;
}
document.getElementById("demo").innerHTML=year+"年:"+Month+"月:"+day+"日:"+x+" "+Hours+"时:"+Minutes+"分:"+Seconds+"秒";
 setTimeout("myDataDay()",1000);
}
</script>
</body>
</html>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值