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