2015.7.20 第九课 课程重点(js语句:获取时间、数字取值、定时器)

jq与js的关系】:jq是对js常用的方法进行封装、简化和优化。

小技巧】ctrl+k+D :VS写代码格式乱了时,整理代码用的快捷键

------------------------------------------------------------------------------------------------------

1、获取时间:


方法


描述


getFullYear()


返回四位数的年份


getMonth()


返回月份(从0开始,1月=0,2月=1,...)


getDate()


返回日期(从1开始,此时日期)


getDay()


返回星期几(周日=0,周一=1,...)


getHours()


返回小时数(从0开始,此时小时数)


getMinutes()


返回分钟数(从0开始,此时分钟数)


getSeconds()


返回秒数(从0开始,此时秒数)


getMilliseconds()


返回毫秒数(从0开始,此时毫秒数)


getTime()


返回从GMT时间1970年1月1日0点0分0秒经过的毫秒数(86400000毫秒=1天)

  1)写法:

  function MyClick()
  {
    var myDate=new Date();
    alert(myDate.getDay());
  }

  2)获取个设定日期之间的天数:

<html>
<head>
<title>Date对象</title>
<script language="javascript">
var startStr = "2014-4-14";
var endStr = "2014-5-1";
var startArray = startStr.split("-");
var endArray = endStr.split("-");
var startDate = new Date(startArray[0], startArray[1] - 1, startArray[2]);
var endDate = new Date(endArray[0], endArray[1] - 1, endArray[2]);
var diffDays = (endDate - startDate) / 86400000;
alert(diffDays);
</script>
</head>
<body>
</body>
</html>

2、数值取值:

  取最大值:Math.max(18,12,22,33)

  取最小值:Math.min(18,2,2,3,1)

  向上舍入:Math.ceil(25.9)       //它把数字向上舍入到最接近的整数

  向下舍入:Math.floor(25.6)

  四舍五入:Math.round(25.6)

  0~1之间的随机数:Math.random()   //不包括0和1

  【例子】

  返回1~100之间的整数包括1和100:  variNum=Math.floor(Math.random()*100+1)

3、window窗口

  1) 打开一个窗口:window.open("http://www.baidu.com", "_blank", "height=300,width=400,top=30,left=140,resizable=yes");

    resizable 是否能通过拖动来调整新窗口的大小 默认为yes

    scrollable 新窗口是否显示滚动条 默认为no

  2) 关闭新建的窗口:window.close()

  3) window.history.go(-1) //浏览器后退一页

    window.history.go //前进一页

4、定时器实例

  1)隔5秒后打印aaaa:

setTimeout(function(){
    alert("aaaa");
},5000);

  *setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

  效果:5秒后弹出框显示 aaaa,不会循环重复。

  2)每隔2秒打印一次数字:

var i=0;
setInterval(function(){
    i++;
    document.write(i);
},2000);

  *setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

  效果:每隔2秒,依次打印1、2、3、4、5……,看到的界面是:123456789101112……

  3)每隔2秒打印一个数,到10为止:

var i=0;
var timer=setInterval(function(){
    i++;
    if(i==10)
    {
        clearInterval(timer);
    }
    document.write(i);
},2000);

  *clearInterval() 方法可取消由 setInterval() 设置的 timeout。

  效果:只打印到10为止,界面:12345678910

  4)每隔1秒,打印1到10再回到1:

var i=0;
var b=true;
var timer=setInterval(function(){
    if(b)
    {
        i++;
    }
    if(b==false){
        i--;
        if(i==1)
        {
            clearInterval(timer);
        }
    }
    if(i==10)
    {
        b=false;
    }
    document.write(i);
},1000);

  *提示:停止定时器只能用clearInterval()方法来停掉,用return等无法停止定时器,定时器会一直存在直到clearInterval()出现为止。

  5)产生1-100之间随机整数,给5次机会看能不能猜对:

var iNumber=Math.floor(Math.random()*100+1);          //产生一个1-100之间的随机整数作为中奖号码
for(var i=1;i<7;i++){
    if(i==6){
        alert("五次机会用完了,中奖号码是:"+iNumber);
        return;
    }
    else{
        var sInput=prompt("请输入1-100之间的一个整数");
        var nInput=Number(sInput);
        if(isNaN(nInput)){                              //判断输入的是不是数字
            alert("你输入的不是一个数字");
        }
        else{
            if(nInput=parseInt(nInput)){              //判断输入的是不是整数
                if(nInput>100||nInput<1)
                {
                    alert("输入的内容不再1-100之间");
                }
                else{
                    if(nInput>iNumber)
                    {
                        alert("你输入的内容太大");
                    }
                    if(nInput<iNumber)
                    {
                        alert("你输入的内容太小");
                    }
                    else
                    {
                        alert("恭喜你中奖了!");
                        return;
                    }
                }
            }
            else{
                alert("你输入的不是一个整数");
            }
        }
    }
}            
时间: 2024-12-21 20:33:06

2015.7.20 第九课 课程重点(js语句:获取时间、数字取值、定时器)的相关文章

2015.7.6 第一课 课程重点(html、列表、表格、相对路径、超链接)

2015.7.6 第一课 课程重点(html.列表.表格.相对路径.超链接) 1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.版面控制标记: 换行:<br/> 段落:<p></p> 水平线:<hr> (  粗细: size: 宽度:width

第九课 课程重点(js语句:获取时间、数字取值、定时器)

[jq与js的关系]:jq是对js常用的方法进行封装.简化和优化. [小技巧]ctrl+k+D :VS写代码格式乱了时,整理代码用的快捷键 ------------------------------------------------------------------------------------------------------ 1.获取时间: 方法 描述 getFullYear() 返回四位数的年份 getMonth() 返回月份(从0开始,1月=0,2月=1,...) getD

2015.7.6 第一课 课程重点

1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.换行:<br/> 3.段落:<p></p> 4.标题:<hn></hn> 5.列表: 有序列表: <ol> <li></li> </ol&g

2015.7.7 第二课 课程重点

一.html部分 1.按钮: <input type="button"> 2.文本框:<input type="text"> 3.密码:<input type="password"> 4.单选:<input type="radio" id="male" name="sex" checked="checked"><l

2015.7.7 第二课 课程重点(表单)

一.html-表单部分 1.按钮: <input type="button"> 2.文本框: <input type="text"> 3.密码: <input type="password"> 4.单选: <input type="radio" id="male" name="sex" checked="checked">

js中获取时间new date()的用法

js中获取时间new date()的用法 获取时间:   var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

JS中获取数据库中的值

在本次项目中,遇到很多问题,经过努力,都逐步得到解决.静下心来,做一个记录,以供以后学习. 在项目中遇到一个问题,需要在JS中读取数据库中的值,然后再把值返回到页面中,解决方案如下:使用Ajax方法来实现,需要用到ajax.dll(一个ajax技术开发的帮助类库). 实施过程如下: 1.引用Ajax.dll 2.在App_Code写具体的方法,最好单独建立一个类文件,然后写具体方法. public class AjaxMethod www.2cto.com { public AjaxMethod

小程序 js中获取时间new date()的用法(网络复制过来自用)

js中获取时间new date()的用法 获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只适用于IE. (3)getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome. 注意: ① currentStyle和getComputedS