常用原生js自定义函数总结


Posted in Javascript onNovember 20, 2016

js获取日期函数

//获取当前时间日期
function CurentTime()
{
  var now = new Date();
  var year = now.getFullYear();    //年
  var month = now.getMonth() + 1;   //月
  var day = now.getDate();      //日
  var hh = now.getHours();      //时
  var mm = now.getMinutes();     //分
  var clock = year + "-";

  if(month < 10)
    clock += "0";

  clock += month + "-";

  if(day < 10)
    clock += "0";

  clock += day + " ";

  if(hh < 10)
    clock += "0";

  clock += hh + ":";
  if (mm < 10) clock += '0';
  clock += mm;
  return(clock);
}

js获取时间差函数

//获取时间差多少天
function getLastTime()
  {
    var startTime=new Date("1996-5-11 00:00"); //开始时间
    var endTime=new Date();  //结束时间
    var lastTime=endTime.getTime()-startTime.getTime() //时间差的毫秒数

    //计算出相差天数
    var days=Math.floor(lastTime/(24*3600*1000))

    //计算出小时数
    var leave1=lastTime%(24*3600*1000)  //计算天数后剩余的毫秒数
    var hours=Math.floor(leave1/(3600*1000))
    //计算相差分钟数
    var leave2=leave1%(3600*1000)    //计算小时数后剩余的毫秒数
    var minutes=Math.floor(leave2/(60*1000))

    //计算相差秒数
    var leave3=leave2%(60*1000)   //计算分钟数后剩余的毫秒数
    var seconds=Math.round(leave3/1000)

    return " 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒";
  }

js只自动刷新页面一次

//自动刷新页面一次后停止刷新
window.onload = function(){
  if(location.search.indexOf("?")==-1){
   location.href += "?myurl";
  }
  else{
   if(location.search.indexOf("myurl")==-1) location.href += "&myurl";
  }
}

ajax实例

$.ajax({
    type: "POST",
    url: "join.php",
    data: dataString,
    success: function(){
      $('.success').fadeIn(200).show();
      $('.error').fadeOut(200).hide();
    }
  });

实时获取窗口大小

$(window).resize(function(){ 
  var Height = $(window).height();
  var Width = $(window).width();
})

js循环执行函数和定时执行函数

//循环执行,每隔3秒钟执行一次showalert() 
  window.setInterval(showalert, 3000);
  function showalert()
  {
    alert("循环执行");
  }
  //定时执行,5秒后执行show()
  window.setTimeout(show,5000);
   function show()
   {

    alert("定时执行");
   }

js获取get参数函数

function GetQueryString(name)
{
   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if(r!=null)return unescape(r[2]); return null;
}
alert(GetQueryString("参数名1"));

js页面打印数组函数

/**
  * 打印数组
  * @param {[type]} arr  要打印的数组
  * @param {[type]} space 控制打印的缩进
  * @param {[type]} space2 控制打印的缩进2
  */
  function print_arr(arr, space, space2)
  {

  space = space || ' ';

  space2 = space2 || '     ';

  var str = "Array<br>"+space+"(<br>";

  for(var i=0; i<arr.length; i++)

  {

   if( Object.prototype.toString.call(arr[i]) == '[object Array]' )

   { //判断是否是数组,如果是,进行递归拼接

    str += space2 + '[' +i+"] => "+ print_arr(arr[i], space+'   ', space2+'   ');

   }

   else

   {

    str += space2 +'['+i+"] => "+ arr[i] +"<br>";

   }

  }

  str += space+")<br>";

  document.write(str);

 }

js打印json数据成数组形式输出在html

/** 输出空格函数 */
function blank(num) {
 var res = '';
 for (var i = 0; i < num; i++) {
  res += ' ';
 }
 return res;
}  

/** 计算JSON对象数据个数 */
function jsonLen(jsonObj) {
 var length = 0;
 for (var item in jsonObj) {
    length++;
 }
 return length;
}

/** 解析JSON对象函数 */
function printObj(obj) {
 // JSON对象层级深度
 deep = (typeof(deep)=='undefined') ? 0: deep;
 var html = "Array\n"; // 返回的HTML
 html += kong(deep) + "(\n";
 var i = 0; 
 // JSON对象,不能使用.length获取数据的个数,故需自定义一个计算函数
 var len = typeof(obj) == 'array' ? obj.length : jsonLen(obj);
 for(var key in obj){
  // 判断数据类型,如果是数组或对象,则进行递归
  // 判断object类型时,&&jsonLen(obj[key])是由于
  // 1、值(类似:email:)为null的时候,typeof(obj[key])会把这个key当做object类型
  // 2、值为null的来源是,数据库表中某些字段没有数据,查询之后直接转为JSON返回过来
  if(typeof(obj[key])=='array'|| (typeof(obj[key])=='object' && jsonLen(obj[key]) > 0) ){
   deep += 3;
   html += kong(deep) + '[' + key + '] => ';
   // 递归调用本函数
   html += printObj(obj[key],deep);
   deep -= 3;
  }else{
   html += kong(deep + 3) + '[' + key + '] => ' + obj[key] + '\n';
  }
  if (i == len -1) {
   html += kong(deep) + ")\n";
  };
  i++;
 }
 return html;
}

/** 向HTML页面追加打印JSON数据 */
function p_Obj(obj) {
 var div = document.getElementById('print-json-html');
 if (div != null) {
  document.body.removeChild(div);
 };
 var node = document.createElement("div");//创建一个div标签 
 node.id = 'print-json-html';
 node.innerHTML = '<pre>' + printObj(obj) + '</pre>';
 document.body.appendChild(node);
}

js打印多维数组的数组长度函数

//获取多维数组的数量
  function getArrNum(arr) {

    var eleNum = 0;

    if (arr == null) {

      return 0;

    }

    for (var i = 0; i < arr.length; i++) {

      for (var j = 0; j < arr[i].length; j++) {

        eleNum++;

      }

    }

    document.write(eleNum);

  }

以上这篇常用原生js自定义函数总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
MSN消息提示类
Sep 05 Javascript
js event事件的传递与冒泡处理
Dec 06 Javascript
关于jquery的多个选择器的使用示例
Oct 18 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
JQuery遍历json数组的3种方法
Nov 08 Javascript
JavaScript仿flash遮罩动画效果
Jun 15 Javascript
JS使用JSON作为参数实例分析
Jun 23 Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 Javascript
微信小程序 出现47001 data format error原因解决办法
Mar 10 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
Nov 20 #Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 #Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 #Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
Nov 20 #Javascript
解决前端跨域问题方案汇总
Nov 20 #Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 #Javascript
node+experss实现爬取电影天堂爬虫
Nov 20 #Javascript
You might like
用PHP读取IMAP邮件
2006/10/09 PHP
php中对2个数组相加的函数
2011/06/24 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
js实现点小图看大图效果的思路及示例代码
2013/10/28 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
javascript数组去重的方法汇总
2015/04/14 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
Python自动调用IE打开某个网站的方法
2015/06/03 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
法国春天百货官网:Printemps.com
2020/06/29 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
学院书画协会部门岗位职责
2013/12/01 职场文书
自主招生自荐信格式
2013/12/03 职场文书
毕业设计计划书
2014/01/09 职场文书
保安队长职务说明书
2014/02/23 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript
浅谈Python numpy创建空数组的问题
2021/05/25 Python
Java数据开发辅助工具Docker与普通程序使用方法
2021/09/15 Java/Android
JavaScript中reduce()的用法
2022/05/11 Javascript