javascript平时小例子④(setInterval使用2)

Posted w宇小白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript平时小例子④(setInterval使用2)相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title></title>
<style>
* {
margin: 0 auto;
}

#kaishi {
text-align: center;
background-color: red;
width: 300px;
height: 100px;
border: 1px solid black;
}
</style>
</head>

<body>
<div id="kaishi">
距离2017年还有
<br />
<input type="text" id="daojishi" / style="text-align: center;">
<script>
window.onload=function(){

setInterval(function() {

var time = new Date();
var year = time.getFullYear();
var month = time.getMonth() + 1;
var day = time.getDate();
var hours = time.getHours();
var minutes = time.getMinutes();
var secomds = time.getSeconds();
tian = 0;
if(month == 8 || month == 10 || month == 12) {
tian = 31;
} else if(month == 9 || month == 11) {
tian = 30;
}
document.getElementById("daojishi").value = (2017 - year - 1) + "年" + (12 - month - 1) + "月" + (tian - day - 1) + "日" + (24 - hours - 1) + "时" + (60 - minutes - 1) + "分" + (60 - secomds - 1) + "秒";
}, 1000);
}
</script>
</div>
</body>

</html>












































以上是关于javascript平时小例子④(setInterval使用2)的主要内容,如果未能解决你的问题,请参考以下文章

javascript平时小例子⑧(导航置顶效果)

javascript平时小例子①(移动的小div)

javascript平时小例子③(setInterval使用1)

javascript平时小例子⑦(鼠标跟随的div)

javascript平时小例子②(正则表达式验证邮箱)

JavaScript 变量提升,函数提升