常用原生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 相关文章推荐
一个关于javascript匿名函数的问题分析
Mar 30 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
基于JavaScript实现右键菜单和拖拽功能
Nov 28 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
JS实现关键词高亮显示正则匹配
Jun 22 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
vue父子组件通信的高级用法示例
Aug 29 Javascript
webpack常用配置总览(小结)
Nov 18 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获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
Javascript String.replace的妙用
2009/09/08 Javascript
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
javascript淡入淡出效果的实现思路
2012/03/31 Javascript
node.js中使用node-schedule实现定时任务实例
2014/06/03 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
学习vue.js计算属性
2016/12/03 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
深入解读Node.js中的koa源码
2019/06/17 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
解决Vue watch里调用方法的坑
2020/11/07 Javascript
python回调函数用法实例分析
2015/05/09 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
python自动识别文本编码格式代码
2019/12/26 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
古驰英国官网:GUCCI英国
2020/03/07 全球购物
毕业生机械建模求职信
2013/10/14 职场文书
新闻记者个人求职的自我评价
2013/11/28 职场文书
财务主管的岗位职责
2013/12/30 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
毕业实习计划书
2015/01/16 职场文书
清明节主题班会
2015/08/14 职场文书
责任书格式
2019/04/18 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
python画条形图的具体代码
2022/04/20 Python