DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 常用原生js自定義函數總結
常用原生js自定義函數總結
編輯:關於JavaScript     

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自定義函數總結就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved