js
sunshine-huang
努力到无能为力,拼搏到感动自己!
展开
-
键盘游戏
一.游戏目的;二.游戏操作说明;三.游戏设计思路;一.游戏目的:玩家可以通过键盘游戏熟悉键盘操作,提高打字速度;二.游戏操作说明:玩家打开打字游戏网页,点击开始按钮进入游戏;当很多字母落下时,玩家按中键盘相应的字母,字母消失;当一个回合结束时(例如3分钟),提示是否进入下一关;三.游戏设计思路:原创 2013-06-20 20:34:32 · 591 阅读 · 0 评论 -
js获取页面加载过程做一个简单的loading
前几天写了一个简单的,还是觉得改善一下document.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法. function loadingChange() { if(document.readyState == "complete"){//当页面加载状态为完全原创 2016-03-29 18:25:16 · 8859 阅读 · 0 评论 -
用js判断页面是否加载完成
很偶然的机会和白开聊到怎么去判断页面加载完成后再将页面内容显示出来,今天突然想到这个就随手写了一个简单的demo,原来竟是这么简单,而自己却一直没去整过,总算是明白了,原来自己已菜了这么久*{padding: 0; margin:0;} html{font-size: 40px;} body, html{width: 100%; height: 100%;} .wrap{ position:原创 2016-03-27 23:53:42 · 17958 阅读 · 1 评论 -
js判断浏览器类型及版本号
一直不知道写点什么东西,就想到的做一点简单的笔记,不至于用到时不知所措。var userAgent = navigator.userAgent.toLowerCase(); if(userAgent.indexOf("chrome")){//判断浏览器类型 console.log("这是chrome浏览器:"); console.log(userAgent.ma原创 2016-05-03 16:30:37 · 1124 阅读 · 0 评论 -
键盘字母打字游戏
简单写一个比较拙的打字游戏,意在表明这个游戏实现的方式,仅此而已。开始停止 var arr=new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","S","Y","Z"); var charInDiv=''; f原创 2016-05-03 17:46:55 · 1702 阅读 · 0 评论 -
判断数组中出现次数最多的元素
已经时隔好久没来更新博客了,因为最近面试的经历才让我明白其实多去学习多去充实自己究竟有多么的重要,回过头想想还是为自己的博客留下一点所谓学习或者笔记之类的痕迹吧。现在就先来说说如何在数组中判断出现次数最多的元素。var arr = ['a', 'b', 'c', 'd', 'd', 's', 'b', 'b', 'c', 'x', 'c'];var obj = {};arr.forEach原创 2017-07-27 10:28:41 · 1446 阅读 · 0 评论 -
1到100的阶乘(递归)
function calc(num){ if(num==1) return 1; return num*calc(num-1);}console.log(calc(100));原创 2017-07-27 11:52:18 · 5726 阅读 · 0 评论 -
split获取参数
<script> var url = 'http://www.baidu.com/?name=xiaoming'; function param(url){ var index = url.indexOf('?'); console.log(index); var query = url.substr(index+1); console.log(query); var o = {}; ...原创 2018-08-26 22:24:04 · 778 阅读 · 0 评论 -
倒计时
<div id="box" data-time="100000"> <p class="day"></p>天 <p class="hour"></p>时 <p class="mintue"></p&原创 2018-09-18 16:46:02 · 232 阅读 · 0 评论 -
js 输入int类型数字后自动在后面加.00,输入double型保留小数点后两位(适用于金额格式化)
var getFloatStr = function(num){ num += ''; num = num.replace(/[^0-9|\.]/g, ''); if(/^0+/) num = num.replace(/^0+/, ''); if(!...转载 2018-09-14 11:07:35 · 4110 阅读 · 1 评论 -
翻页功能
结构:1 js:var num=$(".page").text(); $(".btn_next").click(function(){ num++; $(this).parent(".page").find('span').原创 2015-12-25 10:58:04 · 672 阅读 · 0 评论 -
使用iscroll后,input等不能输入内容的解决办法
在iscroll.js文件中加入如下代码function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(function(el){ el.addEventListener(('ontouchstart' in window)?'touchs转载 2015-09-29 16:41:23 · 1634 阅读 · 0 评论 -
返回顶部按钮
//返回顶部 $("类名").click(function(){ $("html,body").animate({scrollTop:0},300); return false }); $(window).scroll(function(){ var A = $("类转载 2015-08-03 14:55:27 · 391 阅读 · 0 评论 -
js 一次按钮事件获取全部数据
div{ border: solid 1px red; width: 200px; height: 200px;}点我 第一个方法:var mycar=new Array("df","dff","fdsf"); var dd=document.getElementById("hh"); for (var i=0;i dd.innerHTML=d原创 2015-04-07 11:49:06 · 827 阅读 · 0 评论 -
js倒计时跳转范例
请等待15秒var s = document.getElementById("time");var intNum = setInterval("run()",1000);function run(){if (s.innerHTML == 0) {clearInterval(intNum);alert("不好意思时间到!");window.lo原创 2015-04-07 09:56:31 · 429 阅读 · 0 评论 -
click按钮选择事件
Title .frame{ width: 600px; height: 500px; background-color: #eee;}.frame .btn_box{width: 130px; height: 28px; margin-bottom:30px; border: 1px solid #d2d2d2; line-height:28px; padding:原创 2015-04-23 09:59:11 · 751 阅读 · 0 评论 -
js不同界面传值
//在还没有跳转页面的当前页编辑var storage = window.localStorage;//声明storage永久存储数据storage.setItem("userid", data.uid);//实时存储,在需要跳转页面的前一行编辑//在已经跳转的页面中编辑storage.getItem("userid");//在跳转的页面里获取原创 2015-04-09 10:03:59 · 883 阅读 · 0 评论 -
将原先非随机对象重新定义随机对象数组
//给原先questionArray对象重新定义随机对象数组 var questionArray_leng = Object.keys(questionArray).length;//对象长度 //定义一个下标数组,然后打乱 var arr = []; for (var i = 1; i原创 2015-04-09 09:38:27 · 366 阅读 · 0 评论 -
input文本框获取/失去焦点
$(document).ready(function() { var vdefault = $('#cell').val(); $('#id').focus(function() { //获得焦点时,如果值为默认值,则设置为空 if ($(this).val() == vdefault) { $(this).val(""); } }); $('#ID转载 2015-06-01 11:27:20 · 1014 阅读 · 0 评论 -
页面文案展开和收缩样式的操作
display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;注:-webkit-line-clamp: 3文案显示行数为3行展开和收起可以通过click点击事件addClass原创 2015-06-09 13:33:00 · 1253 阅读 · 0 评论 -
jq判断滚动条到页面底部
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop + windowHeight == scrollHeight){转载 2015-06-09 13:00:10 · 1710 阅读 · 0 评论 -
小程序对象转数组
//声明变量接收对象数据var itemList = res.data.item;//声明一个空的数组var items = [];//遍历数据for(let i in itemList){ //push到空数组里 items.push(itemList[i]);}//传输数据到页面this.setData({ itemData:items}) ...原创 2018-10-15 15:44:07 · 4039 阅读 · 0 评论