JS 如何比较时间大小?

JavaScript015

JS 如何比较时间大小?,第1张

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html的<script>标签中,输入js代码:

var date1 = '2001-2-2'

var date2 = '2000-2-3'

var date1 = date1.replace(/-/g,'/')

var date2 = date2.replace(/-/g,'/')

var timestamp1 = new Date(date1).getTime()

var timestamp2 = new Date(date2).getTime()

var r = timestamp1 >timestamp2

if (r)

document.write(date1 + ' >' + date2)

else

document.write(date1 + ' <= ' + date2)

3、浏览器运行index.html页面,此时会打印出2个日期通过转换成时间戳后对比大小的结果。

<body onload="hiddenButton()">

<button name="btn" time="10">10秒</button>

<button name="btn" time="16">16秒</button>

<button name="btn" time="9">9秒</button>

<button name="btn" time="3">3秒</button>

<button name="btn" time="5">5秒</button>

<button name="btn" time="38">38秒</button>

<button name="btn" time="12">12秒</button>

<button name="btn" time="23">23秒</button>

<button name="btn" time="8">8秒</button>

<button name="btn" time="4">4秒</button>

<div id="text"></div>

</body>

<script>

var btn = document.getElementsByName("btn")

var time = 0//页面停留时间数

var count = 0//已隐藏按钮数

function hiddenButton(){

for(var i =0i<btn.lengthi++){

if(btn[i].time<=time &&btn[i].style.display !="none"){

btn[i].style.display = "none"

count++

}

}

time++

document.getElementById("text").innerHTML = "本页面已打开"+time+"秒,已隐藏"+count+"个按钮"

setTimeout("hiddenButton()",1000)

}

</script>