Js中window属性和方法
2017-07-27 19:15
155 查看
一、window属性和方法
1. confirm
//效果类似于alert,但是有一个bool类型的返回值
var result=confirm("请确认");
alert(result);
2. setTimeout
//延迟函数,时间单位是毫秒
setTimeout(function(){
alert("asassaa");
},1000);
3. setInterval()
//计时器,可以做时钟
如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
var hour=0;
var min=0;
var sec=0;
var hourStr,minStr,secStr;
setInterval(function(){
var colock=document.getElementById("div1");
sec++;
if(sec>=60){
sec=0;
min++;
}
if(min>=60){
min=0;
hour++;
}
if(hour>=24){
hour=0;
}
hour>=10?hourStr=hour:hourStr="0"+hour;
min>=10?minStr=min:minStr="0"+min;
sec>=10?secStr=sec:secStr="0"+sec;
str=hourStr+":"+minStr+":"+secStr;
colock.innerHTML=str;
},1000);
</script>
<style>
.div1{
width: 400px;
height: 100px;
margin: 100px auto;
font-size: 80px;
line-height: 100px;
text-align: center;
border: 2px solid gray;
border-radius: 15px;
box-shadow:10px 10px 5px #888888;
}
</style>
</head>
<body>
<div class="div1" id="div1">
00:00:00
</div>
</body>
</html>
4. clearInterval()
//清除定时器,需要定时器的编号,setInterval的返回值就
是他的编号
5. open()
//类似于超链接,不过是js中的
二、日期和时间
详细请看我的笔记:
http://note.youdao.com/noteshare?id=4d6843205a3bf79b2379f83d5905edff&sub=AFC9798EE7CD43F48596D42C150AA29B
1. confirm
//效果类似于alert,但是有一个bool类型的返回值
var result=confirm("请确认");
alert(result);
2. setTimeout
//延迟函数,时间单位是毫秒
setTimeout(function(){
alert("asassaa");
},1000);
3. setInterval()
//计时器,可以做时钟
如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
var hour=0;
var min=0;
var sec=0;
var hourStr,minStr,secStr;
setInterval(function(){
var colock=document.getElementById("div1");
sec++;
if(sec>=60){
sec=0;
min++;
}
if(min>=60){
min=0;
hour++;
}
if(hour>=24){
hour=0;
}
hour>=10?hourStr=hour:hourStr="0"+hour;
min>=10?minStr=min:minStr="0"+min;
sec>=10?secStr=sec:secStr="0"+sec;
str=hourStr+":"+minStr+":"+secStr;
colock.innerHTML=str;
},1000);
</script>
<style>
.div1{
width: 400px;
height: 100px;
margin: 100px auto;
font-size: 80px;
line-height: 100px;
text-align: center;
border: 2px solid gray;
border-radius: 15px;
box-shadow:10px 10px 5px #888888;
}
</style>
</head>
<body>
<div class="div1" id="div1">
00:00:00
</div>
</body>
</html>
4. clearInterval()
//清除定时器,需要定时器的编号,setInterval的返回值就
是他的编号
5. open()
//类似于超链接,不过是js中的
二、日期和时间
详细请看我的笔记:
http://note.youdao.com/noteshare?id=4d6843205a3bf79b2379f83d5905edff&sub=AFC9798EE7CD43F48596D42C150AA29B
相关文章推荐
- js-window对象的方法和属性资料
- js-window对象的方法和属性资料
- JS中Window,document,form的属性,方法,事件(转)
- js-window对象的方法和属性资料
- js中window.open方法的属性介绍
- js-window对象的方法和属性资料
- js:window、location对象的常用属性和方法的应用
- js-window对象的方法和属性资料
- js.window属性及方法
- js-window对象的方法和属性资料
- JS的window对象下的属性的方法和注意事项
- js-window对象的方法和属性资料
- Js window.document 的属性、方法和事件汇总【转】
- js-window对象的方法和属性资料
- js-window对象的方法和属性资料
- js-window对象的方法和属性资料
- JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别
- js-window对象的方法和属性资料
- js-window对象的方法和属性资料
- 【转】Js window.document 的属性、方法和事件汇总