<body  bgcolor="#000000">  
<div id="text"  style="font-size:20px;">你好，這是一段改變文字大小和顏色的javascript代碼</div>  
<script type="text/javascript">  
var size = 20;  
var falg = 1;  
function colortext()  
{  
    //獲取文字的大小  
    document.getElementById("text").style.color = getcolor();  
    document.getElementById("text").style.fontSize = getSize();  
    }  
//設(shè)置文字顏色      
function getcolor()  
{  
    var mycolor = "#";  
    var color ="123456789abcdef";  
    var colorcode = color.split("");  
    for(var i=0;i<6;i++)  
    {  
        mycolor+=colorcode[Math.floor(15*Math.random())];         
    }  
    return mycolor;  
}  
//返回字體大小  
function getSize()  
{  
    if(falg == 1)  
    {  
        size = size+1;  
        if(size == 60)  
            falg = 0;  
        return size;  
    }  
    if(falg == 0)  
    {  
        size = size-1;  
        if(size == 20)  
            falg = 1;  
        return size;  
    }  
}  
setInterval("colortext()",200);  
</script>  
</body>  

您可能感興趣的文章:

相關(guān)文章

uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新的簡(jiǎn)單示例
最近寫uniapp項(xiàng)目的時(shí)候發(fā)現(xiàn)有時(shí)候需要更新頁(yè)面數(shù)據(jù),所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-03-03
javascript彈出頁(yè)面回傳值的方法
這篇文章主要介紹了javascript彈出頁(yè)面回傳值的方法,實(shí)例分析了由a1.html彈出的b1.html回傳值的實(shí)現(xiàn)方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-01-01
js登錄彈出層特效
點(diǎn)擊彈出層，點(diǎn)擊后彈出一個(gè)登錄層，在這個(gè)層內(nèi)的內(nèi)容調(diào)用了一個(gè)示例頁(yè)面
2014-03-03
uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果的相關(guān)資料,tabs切換無論是在app端還是小程序或者H5頁(yè)面都是很常見的功能,文中通過實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下
2023-07-07
全面解析JavaScript中apply和call以及bind(推薦)
在javascript中apply、call和bind是三兄弟，很好的搭檔，下面小編給大家全面解析JavaScript中apply和call以及bind的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
JS正則表達(dá)式封裝與使用操作示例
這篇文章主要介紹了JS正則表達(dá)式封裝與使用操作,涉及javascript使用正則表達(dá)式針對(duì)郵箱、手機(jī)號(hào)、身份證、用戶名、中文等簡(jiǎn)單驗(yàn)證操作技巧,需要的朋友可以參考下
2019-05-05
js調(diào)用activeX獲取u盤序列號(hào)的代碼
js調(diào)用activeX獲取u盤序列號(hào)的代碼，需要的朋友可以參考下。
2011-11-11
fastadmin中調(diào)用js的方法
這篇文章主要介紹了fastadmin中調(diào)用js的方法，在文中給大家補(bǔ)充介紹了Fastadmin里面的js運(yùn)行原理,需要的朋友可以參考下
2019-05-05
javascript實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法,基于回調(diào)函數(shù)實(shí)現(xiàn)該功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
JS和Canvas實(shí)現(xiàn)圖片的預(yù)覽壓縮和上傳功能
這篇文章主要介紹了JS和Canvas實(shí)現(xiàn)圖片的預(yù)覽壓縮和上傳功能,實(shí)現(xiàn)此功能大概有兩步，第一步用戶選擇需要上傳的圖片，第二步獲取圖片資源壓縮預(yù)覽上傳，具體實(shí)現(xiàn)代碼大家參考下本文
2018-03-03