js动态显示文本内容

JavaScript015

js动态显示文本内容,第1张

JS代码:

var data1=0,data2=0,result=0

function read(){

//读取1.txt

$.ajax({

url : "1.txt",

cache : false,

success : function(data,status){

data1=data

}

})

//读取2.txt

$.ajax({

url : "2.txt",

cache : false,

success : function(data,status){

data2=data

compute()//计算

}

})

}

function compute(){

var r=0

while(data1!=0){

r=data1-data2*2

若计算结果有变化,将结果放在div中,也可以放在数据库中

if(result!=r){

$("#div3").append(r)

$("#div3").append('<br>')

result=r

}

break

}

}

$(document).ready(function(){

read()

setInterval("read()",3000)//定时循环读取

})

以改变字体颜色为例

js部分

// 页面加载完毕要执行的操作放到这个函数里

window.onload=function (){

// 使用js实现

document.getElementById('wenzi').style.color="red"

// 使用jqeury实现

$('#wenzi2').css('color','yellow')

}

html部分

<span id="wenzi">js动态添加文字样式示例</span>

<span id="wenzi2">js动态添加文字样式示例2</span>