封装好的js函数

目录:

  1. 获取某标签的背景颜色
  2. 获取某节点下的css样式
  3. 跨浏览器的兼容样式
  4. 显示当前时间
  5. 数字转成星期的中文
  6. 个位数能以数字0开头
  7. n位验证码 每一个数字的范围 0~9
  8. 冒泡排序
  9. 剔除重复的元素
  10. 升序

// 随机获取某标签的背景颜色
function randomColor(){
var str = “rgba(” + parseInt(Math.random() * 256) + “,” + parseInt(Math.random() * 256) + “,” + parseInt(Math.random() * 256) + “,1)”;
return str;
}

// 获取某节点下的css样式
// node:某标签 classStr:样式
function elementsByClassName(node, classStr){
//1、获取node这个节点下所有的子节点
var nodes = node.getElementsByTagName("*");
var arr = []; //存放符合条件的节点
for(var i = 0; i < nodes.length; i++){
if(nodes[i].className === classStr){
arr.push(nodes[i]);
}
}
return arr;
}

//跨浏览器的兼容样式
function getStyle(node, cssStyle){
return node.currentStyle ? node.currentStyle[cssStyle] : getComputedStyle(node)[cssStyle];
}
// 显示当前时间
function showTime(){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1; //0~11
var date = d.getDate();

var week = d.getDay();  //0~6  0是周日

week = numOfChinese(week);

var hour = doubleNum(d.getHours());
var min = doubleNum(d.getMinutes());
var sec = doubleNum(d.getSeconds());

var str = year + "年" + month + "月" + date + "日 星期" + week + " " + hour + ":" + min + ":" + sec; 
return str;

}

//数字转成星期的中文
function numOfChinese(num){
var arr = [“日”, “一”, “二”, “三”, “四”, “五”, “六”];
return arr[num];
}

// 个位数能以数字0开头
function doubleNum(n){
if(n < 10){
return “0” + n;
}else{
return n;
}
}

//n位验证码 每一个数字的范围 0~9 parseInt(Math.random() * 10);
function numTestCode(n){
var arr = []; //存储生成的数字
for(var i = 0; i < n; i++){
var num = parseInt(Math.random() * 10);
arr.push(num);
}
return arr.join("");
}

function testCode(n){
var arr = [];
for(var i = 0; i < n; i++){
var num = parseInt(Math.random() * 123);
if(num >= 0 && num <= 9){
arr.push(num);
}else if(num >= 97 && num <= 122 || num >= 65 && num <= 90){
arr.push(String.fromCharCode(num));
}else{
i–;
}
}

return arr.join("");

}

//冒泡排序
function bubbleSort(arr){
for(var i = 0; i < arr.length - 1; i++){
//每一轮比较的次数
for(var j = 0; j < arr.length - (i + 1); j++){
if(arr[j] > arr[j + 1]){
//交换两个数位置
var tmp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = tmp;
}
}
}
}
// 剔除重复的元素
function noRepeat(arr){
for(var i = 0; i < arr.length - 1; i++){
for(var j = i + 1; j < arr.length; j++){
if(arr[i] === arr[j]){
//将后面这个数删除
arr.splice(j, 1);
j–;
}
}
}
}

//升序
function changeSortAsc(arr){
for(var i = 0; i < arr.length - 1; i++){
//被比较的数的下标
for(var j = i + 1; j < arr.length; j++){
if(arr[i] > arr[j]){
var tmp = arr[i];
arr[i] = arr[j];
arr[j] = tmp;
}
}
}
}

function changeSortDesc(arr){ //升序
for(var i = 0; i < arr.length - 1; i++){
//被比较的数的下标
for(var j = i + 1; j < arr.length; j++){
if(arr[i] < arr[j]){
var tmp = arr[i];
arr[i] = arr[j];
arr[j] = tmp;
}
}
}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值