六月猫的代码

8-6 取消计时器clearTimeout()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>



<script type="text/javascript">

  var num=0;

  var i;

  function startCount(){

    document.getElementById('count').value=num;

    num=num+1;

    i=setTimeout("startCount()",1000);

  }

  function stopCount(){

    clearTimeout(i);

  }

</script>

</head>

<body>

  <form>

    <input type="text" id="count" />

    <input type="button" value="Start"  onclick="startCount()"/>

    <input type="button" value="Stop"  onclick="stopCount()" />

  </form>

</body>

</html>

2018-07-11 查看完整代码

8-4 取消计时器clearInterval()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>

<script type="text/javascript">

    function clock(){

        var time=new Date();

        var attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

          document.getElementById("clock").value = attime;

    }

        var i = setInterval("clock()",1000);



  

    // function clock(){

    //     var time=new Date();          

    //     var attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

    //      document.getElementById("clock").value = attime;

    // }

    //     var i = setInterval("clock()",1000);

</script>

</head>

<body>

  <form>

    <input type="text" id="clock" size="50"/>

    <input type="button" value="Stop"  onclick="clearInterval(i)"/>

  </form>

</body>

</html>

2018-07-11 查看完整代码

8-3 计时器setInterval()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>定时器</title>

<script type="text/javascript">

  var attime;

  function clock(){

    var time=new Date();          

    attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds() ;

    document.getElementById("clock").value = attime;

  }

  var int = setInterval("clock()",1000);

</script>

</head>

<body>

<form>

<input type="text" id="clock" size="50" />

</form>

</body>

</html>

2018-07-11 查看完整代码

8-2 JavaScript 计时器

2018-07-11 查看完整代码

8-1 window对象

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>window对象</title>

<script type="text/javascript">

    alert("欢迎来到慕课网");

    function myapp(){

        window.open("http//www.imooc.com","_top","width=600,height=400");

    }

</script>

</head>

<body>

<form>

<input type="button" value="点击我，打开新窗口" onclick="myapp()"/>

</form>

</body>

</html>

2018-07-11 查看完整代码

7-23 编程练习

<!DOCTYPE  HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>系好安全带,准备启航</title>



<script type="text/javascript">



  //通过javascript的日期对象来得到当前的日期，并输出

    var sj = new Date();

    var nian = sj.getYear();  

    var yue = sj.getMonth();

    var ri = sj.getDate();

    var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

    var xq = sj.getDay();

    var xqj = weekday[xq];

    document.write(nian+"年"+yue+"月"+ri+"日"+"  "+xqj);

  

  //成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦

    var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

    //document.write(scoreStr.split(";")+"<br>");

    

    for(var i=3;i<=scoreStr.length;i=i+6){

    document.write(scoreStr.substr(i,3));

    //数组

    //var sz = new Array();

    //sz = [scoreStr.substr(i,3)];

    

    }

    

    

  //从数组中将成绩撮出来，然后求和取整，并输出。



</script>

</head>

<body>

</body>

</html>

2018-07-11 查看完整代码

3-3 谁是团里成员（数组赋值）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>数组赋值</title>

<script language="javascript">

    var myarr=new Array(3);

    myarr=88;

    myarr=90;

    myarr=68;

  document.write("数组第一个值是:"+myarr[0]+"<br>");

  document.write("数组第二个值是:"+myarr[1]+"<br>");

  document.write("数组第三个值是:"+myarr[2]+"<br>");

</script>

</head>

<body>

</body>

</html>

2018-07-11 查看完整代码

7-11 提取指定数目的字符substr()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script type="text/javascript">

var mystr="Hello World!";

document.write(mystr.substr(6) + "<br />");

document.write(mystr.substr(0,5)      );

</script>

</head>

<body>

</body>

</html>

2018-07-11 查看完整代码

7-9 字符串分割split()

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script type="text/javascript">

var mystr="86-010-85468578";

document.write(mystr.split("-")+ "<br />");

document.write(mystr.split("")+ "<br />");

document.write(mystr.split("",3));

</script>

</head>

<body>

</body>

</html>

2018-07-11 查看完整代码

7-22 数组排序sort()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

   function sortNum(a,b) {

        return b-a;

   }

var myarr = new Array("80","16","50","6","100","1");

document.write(myarr.sort(sortNum));

</script>

</head>

<body>

</body>

</html>

2018-07-11 查看完整代码

7-21 选定元素slice()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

   var myarr1= ["我","爱","你"];

   document.write(myarr1.slice(1,3));

</script>

</head>

<body>

</body>

</html>

2018-07-11 查看完整代码

7-20 颠倒数组元素顺序reverse()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

   var myarr1= ["我","爱","你"];

   document.write(myarr1.reverse());

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-19 指定分隔符连接数组元素join()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

    var myarr1= new Array("86","010")

    var myarr2= new Array("84697581");

   var myarr3= myarr1.concat(myarr2);

    document.write(myarr3.join("+"));

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-18 数组连接concat()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Array对象 </title>

<script type="text/javascript">

    var myarr1= new Array("010")

    var myarr2= new Array("-","84697581");

    var myarr3=myarr1.concat(myarr2);

    document.write(myarr3+"<br>");

    document.write(myarr1.concat(myarr2));

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-17 Array 数组对象

2018-07-10 查看完整代码

7-16 随机数 random()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

    document.write(Math.round(Math.random()*10));

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-15 四舍五入round()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

    document.write(Math.round(3.3)+"<br>");

    document.write(Math.round(-0.1)+"<br>");

    document.write(Math.round(-9.9)+"<br>");

    document.write(Math.round(8.9)+"<br>")

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-14 向下取整floor()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

    document.write(Math.floor(3.3)+"<br>");

    document.write(Math.floor(-0.1)+"<br>");

    document.write(Math.floor(-9.9)+"<br>");

    document.write(Math.floor(8.9)+"<br>");

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-13 向上取整ceil()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Math </title>

<script type="text/javascript">

    document.write(Math.ceil(3.3)+"<br>");

    document.write(Math.ceil(-0.1)+"<br>");

    document.write(Math.ceil(-9.9)+"<br>");

    document.write(Math.ceil(8.9));

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-12 Math对象

2018-07-10 查看完整代码

热搜

最近搜索清空

六月猫

JavaScript进阶篇