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. Windows下将硬盘由MBR转为GPT

    打开命令提示符,输入 diskpart 进入diskpart提示符.Win7/Vista用户可以直接在开始菜单的搜索框中输入diskpart回车即可打开diskpart提示符. 在diskpart提示 ...

  2. Http 辅助类

    using System; using System.Drawing; using System.IO; using System.Net; using System.Net.Cache; using ...

  3. The requested page cannot be accessed because the related configuration data for the page is invalid

    当在VS2013下开发web site时,调试时都是在IIS Express中进行的,没有问题.当部署到IIS中,出现:The requested page cannot be accessed be ...

  4. 富文本编辑器CKEDITOR的使用配置(问题注解)

    CKEDITOR是一款非常轻便的富文本编辑器,如上图:参考网上的使用方法,我以.net为例,在aspx页面使用, 准备工作:首先要下载控件包,将解压后的整个文件夹添加到项目根目录. 第一步:引用js, ...

  5. grep和正则表达式

    正则表达式示例表字 符 意 义 示 例* 任意长度的字符串. a* 表示: 空字符串.aaaa.a…? 长度为0或者1的字符串. a? 表示: 空字符串和a.+ 长度为一个或者多个的字符串. a+表示 ...

  6. storm教程

    二.安装部署   一.storm伪分布式安装 (一)环境准备1.OS:debian 72.JDK 7.0 (二)安装zookeeper1.下载zookeeper并解压 wget http://mirr ...

  7. printk和printf的区别

    内核使用printk()打印! 应用层使用printf()打印! &&& 大部分常用的C库函数在Linux内核中都已经得到了实现.在所有没有实现的函数中,最著名的就数print ...

  8. -fembed-bitcode is not supported on versions of iOS prior to 6.0

    -fembed-bitcode is not supported on versions of iOS prior to 6.0   说法二 错误提示 -fembed-bitcode is not s ...

  9. 02 - 替换SetInput方法 VTK 6.0 迁移 (2013-06-30 16:22)

    VTK6 引入了许多不兼容的变化,这其中就包括用SetInputData()和SetInputConnection()替换SetInput()方法.在先前的版本中,VTK4 引入了SetInput() ...

  10. The given object has a null identifier解决之法

    <input type="hidden" name="memberPermission.id"            value="${memb ...