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

1.About Time:

  1. /*//输出今天的日期、星期、时间字符串
  2. var today = new Date();
  3. var year = today.getFullYear();
  4. var month = today.getMonth();
  5. var day = today.getDate();
  6. var week = today.getDay();
  7. var hours = today.getHours();
  8. var minutes = today.getMinutes();
  9. var seconds = today.getSeconds();
  10. //定义前导0函数:
  11. function addZero(x){
  12.     return x<10 ? "0"+x : x;
  13. }
  14. arr_month = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];
  15. arr_week = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六",];
  16. var str = "今天是"+year+"年"+arr_month[month]+addZero(day)+"日"+arr_week[week]+addZero(hours)+"时"+addZero(minutes)+"分"+addZero(seconds)+"秒."
  17. document.write(str);*/

2.神奇的滚动框:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>滚动框</title>
  6.     <style type="text/css">
  7.         *{
  8.             margin:0px;
  9.             padding: 0px;
  10.         }
  11.         ul,li{
  12.             list-style: none;
  13.         }
  14.         #div1{
  15.             width:200px;
  16.             height:250px;
  17.             margin:100px auto;
  18.             overflow: hidden;
  19.         }
  20.         li{
  21.             text-align:center;
  22.             border-bottom: 1px dotted #ccc;
  23.         }
  24.     </style>
  25.     <script type="text/javascript">
  26.     window.onload = function(){
  27.         //1.先找到对象
  28.         var div1 = document.getElementById("div1");
  29.         var div2 = document.getElementById("div2");
  30.         var div3 = document.getElementById("div3");
  31.         //2.将3个div的高度设置成一样
  32.         div2.style.height = div1.offsetHeight+"px";
  33.         div3.style.height = div1.offsetHeight+"px";
  34.         //3.给div3增加内容
  35.         div3.innerHTML = div2.innerHTML;
  36.         //4.设置定时器动画
  37.         window.setInterval(scrolling, 40);
  38.     }
  39.     function scrolling(){
  40.         var div1 = document.getElementById("div1");
  41.         div1.scrollTop==div1.offsetHeight ? div1.scrollTop=0 : div1.scrollTop++;
  42.         /*document.title=div1.scrollTop;*/
  43.     }
  44.  
  45.     </script>
  46.  
  47. </head>
  48. <body>
  49. <div id="div1">
  50.     <div id="div2">
  51.         <ul>
  52.             <li>龙珠</li>
  53.             <li>海贼王</li>
  54.             <li>死神</li>
  55.             <li>火影忍者</li>
  56.             <li>死亡笔记</li>
  57.             <li>寄生兽</li>
  58.             <li>吸血鬼日记</li>
  59.             <li>暮光之城</li>
  60.             <li>斯巴达克斯</li>
  61.             <li>权力的游戏</li>
  62.             <li>越狱</li>
  63.         </ul>
  64.     </div>
  65.     <div id="div3"></div>
  66. </div>
  67. </body>
  68. </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. html移动端开发注意事项

    meta <meta charset="utf8"> <meta name="viewport" content="width=de ...

  2. 在PHP中使用CURL，“撩”服务器只需几行——php curl详细解析和常见大坑

    在PHP中使用CURL,"撩"服务器只需几行--php curl详细解析和常见大坑 七夕啦,作为开发,妹子没得撩就"撩"下服务器吧,妹子有得撩的同学那就左拥妹子 ...

  3. 【网络流#7】POJ 3281 Dining 最大流 - 《挑战程序设计竞赛》例题

    不使用二分图匹配,使用最大流即可,设源点S与汇点T,S->食物->牛->牛->饮料->T,每条边流量为1,因为流过牛的最大流量是1,所以将牛拆成两个点. 前向星,Dini ...

  4. 综合使用LruCache和DiskLruCache 缓存图片

    Activity public class MainActivity extends Activity {     private GridView mPhotoWall;     private P ...

  5. php的mq客户端获取队列方法改造

    获取mq中消息然后处理失败重试机制: 下面的代码是php连接mq客户端的获取queue队列中的消息代码: public function createDurableSubscriber($queue, ...

  6. （转）jQuery Validate 表单验证

    在做网页表单时时常需要在客户端对表单填写的数据进行验证一番才能提交,我们可以通过自己编写JavasScript代码来验证,但是有时数据量过多时就会有些难度了.基于jQuery的jquery.valid ...

  7. RecycleView 滑动到底部，加载更多

    android.support.v7 包提供了一个新的组件:RecycleView,用以提供一个灵活的列表试图.显示大型数据集,它支持局部刷新.显示动画等功能,可以用来取代ListView与GridV ...

  8. JavaScript 客户端JavaScript之 Web浏览器的环境

    Web浏览器实现的Javascript,通过Web浏览器实现的JavaScript引入了大量可脚本化的对象(1.Web浏览器 2.HTML 3.HTML中的内容)  Web浏览器中的Javascrip ...

  9. Java反射 - 1(得到类对象的几种方法，调用方法，得到包下的所有类)

    通过反射获得对象的方法 准备工作: 有一个User类如下 package o1; /** * Created by yesiming on 16-11-19. */ public class User ...

  10. Js自动截取字符串长度，添加省略号“……”

    JavaScript字符串处理函数,根据定义的长度截取字符串,超出部分裁掉追加……,很多时候网页上显示的内容需要缩成“...”该方法用于处理字符串显示固定长度,超长部分用“...”代替: /**参数说 ...