JavaScript
Javascript根据时间显示不同的问候
Allen 2020-05-25 19:36:05 5241 6 0 0 0

 <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>W3Cschool教程(w3cschool.cn)</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>


【版權聲明】
本文爲原創，遵循CC 4.0 BY-SA版權協議！轉載時請附上原文鏈接及本聲明。
原文鏈接：https://tdlib.com/am.php?t=hbseFaBxLFXJ
No Tags
6評論,   我也要評論！ ↓
我也要發一個   ·   返回首頁   ·   返回[JavaScript]   ·   前一個   ·   下一個
相關內容
評論
6評論,   我也要評論！ ↓
Allen#1. Allen 2020-05-25 19:50:24(N) 鏈接地址

 <!DOCTYPE html>

<html>

<body>


<p id="demo">this is test</p>

<p id="randomvalue">value</p>

<button onclick="myfn()">rm link</button>


<script>

  function myfn(){

var r=Math.random();

var x=document.getElementById("demo");

var y=document.getElementById("randomvalue");

if (r>0.5)

{

x.innerHTML="小于0.5";

}

else

{

x.innerHTML="大于";

}

    y.innerHTML=r;

    }

</script>


</body>

</html>

Allen#2. Allen 2020-05-25 20:10:43(N) 鏈接地址

<p>点击下面的按钮来显示今天是周几：</p>

<button onclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>

function myFunction()

{

 var x;

 var d=new Date().getDay();

 switch (d)

    {

    case 0:x="今天是星期日";

     break;

   case 1:x="今天是星期一";

        break;

    case 2:x="今天是星期二";

        break;

        case 3:x="今天是星期三";

      break;

    case 4:x="今天是星期四";

     break;

    case 5:x="今天是星期五";

        break;

    case 6:x="今天是星期六";

     break;

  }

 document.getElementById("demo").innerHTML=x;

}

</script>

 

Allen#3. Allen 2020-05-25 20:17:11(N) 鏈接地址

 Javascript三目运算（三元运算） 语句

请使用 (condition1) ? ture-doing : else-doing; 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。

实例

5 > 3 ? alert("5大于3") : alert("5小于3");

注意：if...else与三目运算这两者的区别，总结为一句话：三目运算有返回值，if else没有返回值

var n=1;

if(n>1){

    n=0;

}else{

    n++;

}

console.log(n);

#输出结果：2


var n=1;

n = n>1?0 : n++;

console.log(n);

#输出结果为：1

---为什么是1


var n=1;

if(n>1){

    n=0;

}else{

    ++n;

}

console.log(n);

#输出结果：2


var n=1;

n = n>1?0 : ++n; 

console.log(n); 

#输出结果为：2

Allen#4. Allen 2020-05-25 20:28:02(N) 鏈接地址

<p>点击按钮，显示确认框。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

  var x;

  var r=confirm("按下按钮!");

  if (r==true){

    x="你按下了\"确定\"按钮!";

  }

  else{

    x="你按下了\"取消\"按钮!";

  }

  document.getElementById("demo").innerHTML=x;

}

</script>

Allen#5. Allen 2020-05-25 20:29:46(N) 鏈接地址

<p>点击按钮，显示确认框。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

  var x;

  var r=confirm("按下按钮!");

  if (r==true){

    x="你按下了\"确定\"按钮!";

  }

  else{

    x="你按下了\"取消\"按钮!";

  }

  document.getElementById("demo").innerHTML=x;

}

</script>

Allen#6. Allen 2020-05-26 07:39:45(N) 鏈接地址

警告框

<p>点击按钮在弹窗中使用换行。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

  alert("Hello \nHow are you?");

}

</script>


确认框

 <p>点击按钮，显示确认框。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

  var x;

  var r=confirm("按下按钮!");

  if (r==true){

    x="你按下了\"确定\"按钮!";

  }

  else{

    x="你按下了\"取消\"按钮!";

  }

  document.getElementById("demo").innerHTML=x;

}

</script>


提示框

<p>点击按钮查看输入的对话框。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

  var x;

  var person=prompt("请输入你的名字","Harry Potter");

  if (person!=null && person!=""){

      x="你好 " + person + "！今天感觉如何？";

      document.getElementById("demo").innerHTML=x;

  }

}

</script>

頂部     1/1 
歡迎評論
未登錄，
請先 [ 註冊 ] or [ 登錄 ]
(一分鍾即可完成註冊!)
返回首頁     ·   返回[JavaScript]   ·   返回頂部  

萬維笑話

闺蜜有一次去相亲，把我也拉上一起，大家都是第一次见面，吃饭的时候那男的讲了很多他以前的经历，我听得两眼发光，因为觉得这些经历都很了不起。结束后闺蜜问我觉得那男的怎么样，我说不错啊，好像很厉害，闺蜜哼的一声说，一个人，如果讲他以前有多牛比，证明他现在过得不好，成功的人只谈艰辛史！