JavaScript做个时间表 Date()

<span id="shiji"></span><script> window.setInterval("time()",500); //间隔执行一段代码(“要执行的代码”,间隔的豪秒数) function time() { var tm=new Date(); //获取当前时间 var n=tm.getFullYear(); //获取年份…

IE JavaScript字符串转换成Date后出现NaN错误

参考的博文:http://blog.csdn.net/zhu7478848/article/details/53388582 在IE浏览器下, JavaScript字符串转换成Date后会出现NaN错误,但是在其他的浏览器下,都没有问题. 因此,转变字符串的格式. var date = new Date("2016-10-11") 在IE下date是NaN,而其他浏览器正常. 字符串修改成 2016/10/11 var date = new Date("2016-10…

用javascript做别踩白块游戏1

初学Javascript做的一个别踩白块小游戏,代码简陋,如下: <!DOCTYPE html> <html> <head>  <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,…

javascript Math对象、Date对象笔记

Math对象 Math 是一个内置对象, 它具有数学常数和函数的属性和方法.不是一个函数对象. Math数学对象不是构造函数使用的时候不需要new来调用,可以直接使用里面的属性和方法 Math.floor()向下取整 Math.ceil()向上取整 Math.round()四舍五入到最近的整数 Math.abs()绝对值如果有字符串会隐试转换 Math.random()返回随机一个小数更多的用法在https://developer.mo…

用JavaScript做精灵图

用JavaScript做精灵图精灵图可以不用在给每一个小块一一的修改位置.主要原理是找到整张的背景图与li的下标的数学关系. 这是一大张背景图,这个背景图的位置其实是有规律的,每两张之间间隔一个固定长度,这个固定长度刚好等于一个小图标的长度,我们使用的这个图间隔44px. CSS样式如下图所示样式代码如下: <style> *{ margin: 0; padding: 0; } body{ background-color: skyblue; } .conve{ width: 290px…

用javascript做一个视频播放器

以前我们在网页上播放视频,都是要麻烦flash来实现.看着那一大段的<object>真心觉得累.随着html5的不断普及,现在是时候使用html5提供的video元素来做点正经事了,但是要把界面打造的更加个性一点,需要一点javascript和一点css.如果能再加一个漂亮的美工,那就完全不在话下了.在项目早些时候我们是通过phoneGap提供的插件实现的视频播放,但是有一个问题,翻页的时候,视频没有跟着一起动,感觉就是脱离了页面.后来采用video 来播放就可以一起移动了,但是它的默认样式…

谈谈javascript中的日期Date对象

一.日期对象在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date();二.将日期对象转换为字符串将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采用的是本地时间 date.toLocalString();//将日期对象转换为字符串,采用的是本地时间,显示的是地方日期的格式 date.toUTCString();//将日期对象转换为字符串时,采用的…

javaScript内置类Date,Math等

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>javascript时间</title> </head> <body> <div id="div1"></div> </body> <script type="text/…

用原生javascript做的一个打地鼠的小游戏

学习javascript也有一段时间了,一直以来分享的都是一些概念型的知识,今天有空做了一个打地鼠的小游戏,来跟大家分享一下,大家也可以下载来增加一些生活的乐趣,下面P出代码:首先是HTML部分代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>打地鼠的小游戏</title> <link rel…

JavaScript学习总结二(Date对象的用法)

javascript Date对象的常用API 1:创建日期 Date 对象用于处理日期和时间. 可以通过 new 关键词来定义 Date 对象.以下代码定义了名为 myDate 的 Date 对象:有四种方式初始化日期:new Date() // 当前日期和时间new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数new Date(dateString)new Date(year, month, day, hours, minutes, second…

javascript 日期对象（date）详解

Date 对象 Date 对象用于处理日期和时间. 创建 Date 对象的语法: var myDate=new Date(); 注释:Date 对象会自动把当前日期和时间保存为其初始值. 1.date初始化设置 new Date("m d,y h:m:s"); new Date("m d,y"); new Date(y,m,d,h,m,s); new Date(y,m,d); new Date(ms); 例子: new Date("January 12,2…

用javascript做别踩白块游戏2

这一次做一个好一点的,要求黑块自动下落,且速度逐渐加快 <!DOCTYPE html> <html> <head>  <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-…

javascript做的一个根据table中某个td的值为日期时的倒计时

JavaScript代码: <script> window.onload = window.onload = function () { getTdValue(); } //根据传过来的天数(day)和日期(datatime),返回在传入日期上加上天数后的日期.如:day=2.datatime=2018/3/7 11:28:09,那么返回的日期就是2018/3/9 11:28:09 function showTime(day, datatime) { var dayTime = day * 2…

用JavaScript做一個簡單的計算器

今天繼續學習JavaScript,視頻講的確實挺差勁的.還是只能跟著W3School自己慢慢摸索著弄了.自己百度了一下,參考了一個大佬寫的一個簡單的計算器代碼.代碼能跑通,但是做出來的樣子實在是感覺太丑了.做完以後自己又把樣式重新寫了一遍.結果就變成這樣的了.下面就是今天的代碼: <!doctype html> <html> <head> <meta charset="utf-8"> <title>JSNote1</ti…

JavaScript之时间对象Date

时间是物理学七大常量之一.生活中记录时间有两种方式(或者说有两种计时系统):GMT(格林尼治时间)和UTC(协调世界时间). 一创建Date对象 JS中的Date对象只能通过new关键字创建. var now = new Date(); 需要注意的是:若将Date()作为常规函数调用(即不加 new 操作符),则只会返回一个表示当地时间的字符串(UTC还是GMT?取决于浏览器的实现.),而非 Date 对象. 另外,不像其他的 JavaScript 对象,Date 对象没有字面量语法. 创建时…

吴裕雄--天生自然 JAVASCRIPT开发学习：Date（日期）对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> var d=new Date(); document.write(d); </script> </body> </html> &…

使用Canvas和JavaScript做一个画板

本文同步于个人博客:https://zhoushuo.me/blog/2018/03/11/drawing-borad/ 前些天学习了HTML5的<canvas>元素,今天就来实践一下,用canvas做一个画板. 首先说一下要实现的功能: 切换画笔颜色调整笔刷粗细清空画布橡皮擦擦除撤销操作保存成图片兼容移动端(支持触摸) 好了,废话少说,先看最终效果:https://zhoushuozh.github.io/drawingborad 准备工作首先,准备个容器,也就是画板了. &l…

JavaScript做简单的购物车效果（增、删、改、查、克隆）

比如有时候遇到下面这种情况,点击加入购物车,然后在上方的购物车中动态的添加商品以及商品的信息,我们就可以通过JavaScript实现简单的这些操作. 首先我们需要在html文档中,通过css对页面的布局做一些简单的设置.并创建两个模板,其display属性设为隐藏.后面再通过克隆的方法往指定的位置添加元素.大致css样式如下: .buy { width: 200px; height: 300px; display: inline-block; border: 1px dashed grey; b…

JavaScript学习笔记-new Date() 与 Date() 的区别

var today1 = Date() //返回一个字符串(string),没有getDate等日期对象方法,内容为当前时间 var today2 = new Date() //返回一日期对象,内容为当前时间 today.getDate(); //new Date()可以调用getDate(),但是Date()不可以 var today3 = Date("2000-1-1");//返回一个字符串(string),内容仍旧为当前时间,不受参数影响 var today4 = new Dat…

JavaScript高级程序设计之Date类型

ECMAScript 中的 Date 类型是在早期 Java 的 java.util.Date 类基础上构建的. Date 类型使用自 UTC (国际协调时间)1970年1月1日午夜(零时)开始经过的毫秒数来保存日期. Date 对象的valueOf()方法可以获取这个毫秒数. 使用本地化UTC的方式是较好的方式. var now = new Date(), // 这是最推荐的方式,本地时间为1986年5月24日 12:30:30 birthday = , , , , , ), // 最好不用,…