date对象，定时器-一一网

例10

    <style type="text/css">
    input{
        border:1px solid rgba(0,0,0,0.8);
        text-align:right;
        font-size:20px;
    }

    </style>
</head>
<body>
复制代码

例10.计时器到三分钟停止

minutes:
seconds:

 <script type="text/javascript">
 
复制代码

// 例10

var minutesNode = document.getElementsByTagName('input')[0];
var secondsNode = document.getElementsByTagName('input')[1];
var minutes = 0,
    seconds = 0;
var timer = setInterval(function(){
    seconds ++;
    if(seconds == 60) {
        seconds = 0;
        minutes++;
    }
    secondsNode.value = seconds;
    minutesNode.value = minutes;

    if(minutes == 3) {
        clearInterval(timer);
    }
},10);
复制代码

例10-06-17 161933.jpg

日期对象是系统提供好的

1.封装函数，打印当前是何年何月何日，几分几秒

// var date = new Date();
// 时间戳--getTime();
复制代码

例1

// var firstTime=new Date().getTime();
// for(var i = 0; i<1000000;i++) {

// }
// var lastTime = new Date().getTime();
// console.log(lastTime-firstTime);
复制代码

date对象-06-17 072915.jpg

例2

// var date = new Date();
// date.setMinutes(27);
// setInterval(function(){
//     if(new Date().getTime() - date.getTime()>1000){
//         console.log('一秒都等不及了')
//     }
// },1000);
复制代码

// 例3 setTime、tostring

// var date = new Date();

// js定时器是全局对象window上的方法，内部函数this指向window
// setInterval();/setTimeout()/clearInterval()/clearTimeout();
// setInterval("func()",1000);
复制代码

date.setTime-06-17 083515.jpg

date.toString-06-17 083851.jpg

定时器（循环执行）

例4setInterval

// setInterval(function(){
//     console.log('a');
// },1000);//千毫秒
复制代码

// 例5

// var time = 1000;
// setInterval(function(){
//     console.log('a');
// },time);
// time = 2000;//不起作用
复制代码

// 例6

// var i = 0;
// setInterval(function(){
//     i++;
//     console.log(i);
// },1000);
复制代码

例7 看定时器准不准

// var firstTime = new Date().getTime();
// setInterval(function() {//定时器计时不准
//     var lastTime = new Date().getTime();
//     console.log(lastTime - firstTime);
//     firstTime = lastTime;
// },1000);
复制代码

例7-06-17 110524.jpg

例8 clearInterval();清除定时器

// var i = 0;
// var timer = setInterval(function() {//var timer用来接收返回值
//     console.log(i++);
//     if(i>10) {
//         clearInterval(timer);
//     }
// },10);

// var timer2 = setInterval(function(){
// },2000);
复制代码

例8-06-17 112321.jpg

例8清除定时器-06-17 122829.jpg

// 例9

setTimeout定时器（推迟作用）

// var timer = setTimeout(function(){
//     console.log('a');
// },1000);//1000毫秒后执行1次
// clearTimeout(timer);
复制代码

文章版权归作者所有，未经允许请勿转载。

THE END

前端

mysql：恢复误删除的数据

DBMail IMAP Service SQL注入漏洞

webpack+react+jenkins从零到ci/cd部署

Xerox DocuTech打印机默认配置不安全漏洞

程序员转产品经理系列文章1——产品经理的基础知识

Isode M-Vault Server ‘isode.eddy’ 双重释放漏洞

date对象，定时器

定时器（循环执行）

例8 clearInterval();清除定时器

setTimeout定时器（推迟作用）