js代码如何实现时间段判断?

JavaScript015

js代码如何实现时间段判断?,第1张

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>Ball</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

function timeElapse (date)

{

var reg = /^[1-9]$/

var current = new Date ()

var d = new Date (date.replace (/[^\s\d]/g, '/'))

var disp = Math.abs (current.getTime () - d.getTime ())

var days = Math.floor (disp / 1000 / 60 / 60 / 24)

var hours = Math.floor (disp / 1000 / 60 / 60 % 24)

hours = reg.test(hours) ? "0" + hours : hours

var minutes = Math.floor (disp / 1000 / 60 % 60)

minutes = reg.test(minutes) ? "0" + minutes : minutes

var seconds = Math.floor (disp / 1000 % 60)

seconds = reg.test(seconds) ? "0" + seconds : seconds

var result = "与当前时间相差 <span class=\"digit\">" + days + "</span>天 <span class=\"digit\">" + hours

+ "</span>小时 <span class=\"digit\">" + minutes + "</span>分钟 <span class=\"digit\">" + seconds

+ "</span>秒"

$ ("#clock").html (result)

TIMEOUT = setTimeout (function ()

{

timeElapse (date)

}, 1000)

}

var TIMEOUT = null

$ (function ()

{

var txt = $ (":text")

$ (":button").click (function ()

{

clearTimeout (TIMEOUT)

timeElapse (txt.val ())

})

})

</script>

</head>

<body>

<input type="text" />

<button>test</button>

<div id="clock"></div>

</body>

</html>

var ms = new Date()

var year = ms.getFullYear() // 获取年

var month = ms.getMonth() // 获取月 (0 ~ 11)

var date = ms.getDate() // 获取日 (1 ~ 31)

var day = ms.getDay() // 获取周 (0 ~ 6)

var hour = ms.getHours() // 获取时 (0 ~ 23)

var minute = ms.getMinutes() // 获取分 (0 ~ 59)

var second = ms.getSeconds() // 获取秒 (0 ~ 59) <p>还有获取很多其他的值具体可以去看一下JavaScript的Date对象</p>

<a href="http://www.w3school.com.cn/jsref/jsref_obj_date.asp" />

实例：检测输入的日期时间格式是否正确。

<script type="text/javascript">

function checknow(){

var obj = document.getElementById("dt")

if(!/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(obj.value)) alert("请输入正确的日期时间格式!")

}

</script>

<input type="text" id="dt" value="2016-09-09 11:08:33" />

<input type="button" value="检测" onClick="checknow()" />

以上实例点击检测后无报错，表示格式正确。你故意改错再检测就会出现错误提示了。

如果只需要检测日期或时间，可以自己改一下正则式，应该容易看懂的。