您的位置：首页 > Web前端 > JavaScript

js中的date，定时任务

2016-08-05 19:47 148 查看

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>定时任务</title>
<script type="text/javascript">
//获取当前系统时间
function getCurrentTime() {
var currentTime = new Date();

var year = currentTime.getFullYear();
var month = currentTime.getMonth();
//日期
var day = currentTime.getDate();
//星期几
var week = currentTime.getDay();

var hourse = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();

var timeStr = year + "年" + (month + 1) + "月" + day + "日    " + hourse + ":" + minutes + ":" + seconds + "    星期" + week;
return timeStr;
}

function showTime() {
//首先找到id为time的元素
var timeSpan = document.getElementById("time");

//然后把当前时间设置为元素的内容
timeSpan.innerHTML = getCurrentTime();
}

function showTime2(){
var timeSpan = document.getElementById("time");

timeSpan.innerHTML = getCurrentTime();

//间隔一段时间后，重新调用showTime2()  当前方法
setTimeout("showTime2()",500);
}
</script>
</head>
<!--
描述：定时任务：在间隔一段时间后，执行同一段代码

每经过指定毫秒值后执行指定的代码（不断执行）
setInterval("代码",时间间隔)

经过指定毫秒值后执行指定的代码（只执行一次）
setTimeout("代码",时间间隔)
-->

<body>
<div style="width: auto; background-color: black;">
<span style="color: white;">时间</span>
<span id="time" style="color: white;"></span>
</div>

<script type="text/javascript">
//设置定时任务
//setInterval("showTime()", 500);

showTime2();
</script>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js

相关文章推荐

新的分享

章节导航