<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <p>如果时间早于 20:00,会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
var time=new Date().getHours();
if (time<20){
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script> </body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <p>点击这个按钮,获得基于时间的问候。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
var time=new Date().getHours();
if (time<20){
x="Good day";
}
else{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script> </body>
</html>

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10)
{
document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
document.write("<b>今天好</b>");
}
else
{
document.write("<b>晚上好!</b>");
}
</script>
<p>
这个例子演示了 if..else if...else 语句。
</p> </body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <p id="demo"></p>
<script>
var r=Math.random();
var x=document.getElementById("demo")
if (r>0.5){
x.innerHTML="<a href='http://www.runoob.com'>访问菜鸟教程</a>";
}
else{
x.innerHTML="<a href='http://wwf.org'>Visit WWF</a>";
}
</script> </body>
</html>

最新文章

  1. .Net Core[译文]
  2. C语言fmod()函数:对浮点数取模(求余)
  3. springboot一个service内组件的加载顺序
  4. 在MacOS和iOS系统中使用OpenCV
  5. 中国Linux源镜像站大全
  6. javascript代码注意事项
  7. Javascript中的一种深复制实现
  8. JBPM4之decision节点:1、好学生 | 坏学生
  9. &lt;微软的软件测试之道&gt;读书笔记3
  10. 数学之路-python计算实战(14)-机器视觉-图像增强(直方图均衡化)
  11. SQL基础学习_04_视图
  12. Mysql了解及安装
  13. Python【第五课】迭代器,生成器,数据序列化
  14. mysql可视化工具下载地址2017.6.27
  15. H5 id选择器
  16. python安装与配置
  17. wchar_t*转换string
  18. MATLAB数值积分法
  19. NETSHARP微信开发说明
  20. windows下搭建Consul分布式系统和集群

热门文章

  1. spring源码第一章_获取源码并将源码转为eclipse工程
  2. Jmockit如何同时mock多个类的静态方法
  3. linux7 安装Docker
  4. Redis——从入门到放弃
  5. 机器阅读理解(看各类QA模型与花式Attention)(转载)
  6. loadBeanDefinitions方法源码跟踪(一)
  7. DRF项目之自定义分页器
  8. 兼容和Error
  9. 洛谷题解P1047 校门外的树
  10. leetcode817 Linked List Components