JS的属性好多,方法好多,一下子塞进来真的需要时间消化,很多东西都是当时记得很清楚,但忘得很快,看来需要经常去复习,主要是感觉后面一点的练习题好像少了点,所以就显得不是很熟练.

1.About Time:

/*//输出今天的日期、星期、时间字符串

var today = new Date();

var year = today.getFullYear();

var month = today.getMonth();

var day = today.getDate();

var week = today.getDay();

var hours = today.getHours();

var minutes = today.getMinutes();

var seconds = today.getSeconds();

//定义前导0函数:

function addZero(x){

    return x<10 ? "0"+x : x;

}

arr_month = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];

arr_week = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六",];

var str = "今天是"+year+"年"+arr_month[month]+addZero(day)+"日"+arr_week[week]+addZero(hours)+"时"+addZero(minutes)+"分"+addZero(seconds)+"秒."

document.write(str);*/

2.神奇的滚动框:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>滚动框</title>

    <style type="text/css">

        *{

            margin:0px;

            padding: 0px;

        }

        ul,li{

            list-style: none;

        }

        #div1{

            width:200px;

            height:250px;

            margin:100px auto;

            overflow: hidden;

        }

        li{

            text-align:center;

            border-bottom: 1px dotted #ccc;

        }

    </style>

    <script type="text/javascript">

    window.onload = function(){

        //1.先找到对象

        var div1 = document.getElementById("div1");

        var div2 = document.getElementById("div2");

        var div3 = document.getElementById("div3");

        //2.将3个div的高度设置成一样

        div2.style.height = div1.offsetHeight+"px";

        div3.style.height = div1.offsetHeight+"px";

        //3.给div3增加内容

        div3.innerHTML = div2.innerHTML;

        //4.设置定时器动画

        window.setInterval(scrolling, 40);

    }

    function scrolling(){

        var div1 = document.getElementById("div1");

        div1.scrollTop==div1.offsetHeight ? div1.scrollTop=0 : div1.scrollTop++;

        /*document.title=div1.scrollTop;*/

    }

    </script>

</head>

<body>

<div id="div1">

    <div id="div2">

        <ul>

            <li>龙珠</li>

            <li>海贼王</li>

            <li>死神</li>

            <li>火影忍者</li>

            <li>死亡笔记</li>

            <li>寄生兽</li>

            <li>吸血鬼日记</li>

            <li>暮光之城</li>

            <li>斯巴达克斯</li>

            <li>权力的游戏</li>

            <li>越狱</li>

        </ul>

    </div>

    <div id="div3"></div>

</div>

</body>

</html>

JS(四)的更多相关文章

  1. js介绍，js三种引入方式，js选择器，js四种调试方式，js操作页面文档DOM（修改文本，修改css样式,修改属性）

    js介绍 js运行编写在浏览器上的脚本语言(外挂,具有逻辑性) 脚本语言:运行在浏览器上的独立的代码块(具有逻辑性) 操作BOM 浏览器对象盒子 操作DOM 文本对象 js三种引入方式 (1)行间式: ...

  2. JS四种判断数据类型的方法:typeof、instanceof、constructor、Object.prototype.toString.call()

    1.typeof 1 console.log(typeof ""); //string 2 console.log(typeof 1); //number 3 console.lo ...

  3. 第21篇 js四种继承方式

    js是一个很自由的语言,没有强类型的语言的那种限制,实现一个功能往往有很多做法.继承就是其中的一个,在js中继承大概可以分为四大类,上面一篇文章也提及过一些,下面开始详细说说js的继承. 1.原型继承 ...

  4. 「JavaScript」JS四种跨域方式详解

    原文地址https://segmentfault.com/a/1190000003642057 超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript ...

  5. cocos2d-x JS 四人麻将中的服务器位置与客户端位置转换相关

    前言:在写各类游戏编程中,都会遇到一个问题,就是位置问题,服务端的位置是与客户端的位置是不同的,这中间需要进行一个转化,客户端一套代码运行,不管是任何人登陆,该位置始终都是在屏幕正下方,所以这样就要进 ...

  6. [JS] 四角度旋转特效

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name ...

  7. JS四种方法去除字符串最后的逗号

    <script> window.onload=function() { var obj = {name: "xxx", age: 30, sex: "fema ...

  8. vue.js 四（指令和自定义指令）

    官方的指令说明已经很简单了,这里再写一遍,也是自己加深一下印象 v-text 就是写入单纯的文本,可以忽略这个指令直接双花括号代替 <span v-text="msg"> ...

  9. js 四 windows对象

    1 window 对象 1 window对象的属性 window对象的属性,又都是对象类型的 1 screen 对象 访问screen 对象 et: console.log(window.screen ...

随机推荐

  1. Target runtime Apache Tomcat v6.0 is not defined. phyy Unknown Faceted Project Problem

    Description Resource Path Location TypeTarget runtime Apache Tomcat v6.0 is not defined. phyy Unknow ...

  2. mvc和webapi同一解决方案调试办法

    今天在研究WebApi的时候,用mvc端直接请求webapi接口,发现怎么也请求不了,自己搞了半天,猜测可能是webapi没有完全启动吧,解决办法是将解决方案属性改为多启动项目,具体方法如下: 直接运 ...

  3. activeMQ总结

    队列模式和发布订阅模式的区别 topic只有所有订阅者都消费了,这个消息才会消失.只要有一个订阅者没有消费(持久化模式),这个消息就会存在.订阅者下线然后上线也会读取到这个消息.而且队列的话,消费能力 ...

  4. (转)validateRequest="false"

    由于在.net中,Request时出现有HTML或Javascript等字符串时,系统会认为是危险性值.立马报错. 解决方案一: 在.aspx文件头中加入这句: <%@ Page validat ...

  5. SAE下的Memcache使用方法

    SAE里面有Memcache,可以较大幅度改善数据库的鸭梨~ 之前一直想学习Memcache,却愁于不知如何下手,对这个名词完全没有概念,同时在SAE的文档里面,也很少对于Memcache的使用教程~ ...

  6. Linux && vim 批量替换

    Linux批量文件的字符串替换 sed -i "s/oldstring/newstring/g" `grep oldstring -rl path` vim多行替换::1,2s/s ...

  7. mvvm框架正式名字确定

    经过长时间的选名,今天终于把名字定下来了,ddrjs  data drive render,其实框架的核心还是 数据驱动渲染,其实现在市面上的大部分mvvm框架如:angular.vue.avalon ...

  8. c++虚函数的学习

    1.虚函数 #include<iostream.h> class Base { public: void print() { cout<<"Base"< ...

  9. 关于C++的变量和类的声明和定义

    什么是变量?变量或者叫对象,是一个有具名的.可以供程序操作的存储空间.这里具名是指变量是有名字的,可供操作是指能进行加减乘除或者输入输出等操作,存储空间则是指有一块属于它的内存空间. 为了便于说明,标 ...

  10. 复制、移动和删除：cp, rm, mv

    要复制文件,请使用cp(copy)命令.不过,cp命令的用途很多.除了单纯的复制之外,还可以建立连接文件(就是快捷方式),比较两个文件的新旧而予以更新,以及复制整个目录等等.至于移动目录与文件,则使用 ...