zoukankan      html  css  js  c++  java
  • javascript定时器(上)

      (一)、setInterval 间隔性

    function show(){
        alert(‘a’);
    }
    setInterval(show,1000); 
    

    每隔1000毫秒(1秒)执行一次show这个函数;在这边是每隔一秒弹出一个a;无限执行;

      (二)、setTimeout延时性

    function show(){
        alert(‘a’);
    }
    setTimeout(show,1000); 
    

    第一秒出现a。之后没有了;只执行一次;

    setInterval与setTimeout的区别就是前者无限执行,后者只执行一次;

      (三)、定时器开启和关闭

      (四)、getHours(), getMinutes() 以及 getSeconds();

    getHours() 方法可返回时间的小时字段。

    var date = new  Date();  //new是用来创建对象的
    alert(date.getHours());
    

     弹出的值正是现在当前的小时的数值;同理可得分,妙;

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>javascript 简易时钟</title>
    </head>
    <body>
    <input id="text" type = "text" value = "1" style=" 250px"/>
    </body>
    </html>
    
    function show(){
    var date = new Date();  //new是用来创建对象的
    var text = document.getElementById("text");  //获取id为text然后赋值给text;
        text.value = date;                                //text的value 为date;如果HTML里面是div,那么此处为text.innerHTML = date;     
    }
    setInterval("show()" ,1000);                   
    

     文本框里面的值为Fri Mar 20 2015 22:08:05 GMT+0800;

    如果想要只显示时间,那么看下面的代码,HTML里面的代码跟上面一样;

    var btn1 = document.getElementById("btn1");
    function show(){
    var date = new Date();  //new是用来创建对象的
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    var str = hours +':'+minutes+':'+seconds;
    var text = document.getElementById("text");
        text.innerHTML = str;       //如果是div,此处为text.innerHTML;如果是input,此处为text.value
    }
    setInterval("show()",1000);
    

     以上是setInterval写,那么setTimeout也可以写

    var btn1 = document.getElementById("btn1");
    function show(){
    var date = new Date();  //new是用来创建对象的
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    var str = hours +':'+minutes+':'+seconds;
    var text = document.getElementById("text");
        text.value = str;
        setTimeout("show()" ,1000);
    }
    show();
    

     可以查看这个链接http://www.heishou.com.cn,交流论坛

  • 相关阅读:
    Flink 的datastreamAPI 以及function函数的调用,性能调优
    Spark Shuffle原理、Shuffle操作问题解决和参数调优
    Spark学习之JavaRdd
    Redis学习笔记--Redis数据过期策略详解==转
    Elasticsearch 数据搜索篇·【入门级干货】===转
    HBase二级索引的设计(案例讲解)
    C中指针符*和取址符&
    java 中,如何获取文件的MD5值呢?如何比较两个文件是否完全相同呢?
    Mysql数据库的加密与解密
    Lucene 分词
  • 原文地址:https://www.cnblogs.com/shenq/p/4351975.html
Copyright © 2011-2022 走看看