网页实训笔记Date练习。

练习

1.需求一

需求说明

A)根据客户时间,输出问候语

B)简化:根据客户输入的时间输出问候语

转化说明

A)用户输入一个时间

B)用变量储存

C)根据时间判断上,下午或者晚上

D)给用户输出结果

转化:

A)在js中如何让用户输入数据即输入方法

prompt(“请输入时间”) 

B)如何储存数据即变量储存

a = prompt(“请输入时间”) 

C)判断分支语句

if(hours<=12){
document.write("上午好")
}
else if(hours<=18){
document.write("下午好")
}
else if(hours<=24)
{
document.write("晚上好")
}

D)输出数据即输出方法

<body>
<div id="one" style="color:#255e95; width:100px; height:100px border:1px solid red;"></div>
<script>
var date = new Date();
var hours = date.getHours();
var text = document.getElementById("one");
hours prompt("请输入时间(eg.上午3点)")
document.write(hours);
if(hours<=12){
text.innerHTML="上午好"
}
else if(hours<=18){
text.innerHTML="下午好"
}
else if(hours<=24)
{
text.innerHTML="晚上好"
}
</script>
</body>

2.需求二

需求说明

A)根据客户电脑时间,在指定位置输出问候语(<div>___好</div>)

转化说明

A) 根据电脑时间,我们需要获取电脑时间 ,获取时间方法

B)需要变量储存

C)判断分支语句

D)获取指定div的id或者class, 获取元素方法

E)然后用变量储存获取的元素

F)通过元素来添加时间内容

3.练习元素Date()内置函数

var today = new Date()//获取当前时间

var hh = today .getHours();//获取小时,分,秒

var mm =today . getMinute();

var ss =today . getSecond();

document.getElementByid("myclock")

innerHTML="hh"+"mm"+"ss"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值