练习
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"