Show toolbar

2012年2月11日 星期六

JavaScript dollar sign 2

標題:自定義錢字號函式 2
JavaScript (index.html):
function $(id) {
    switch(id.substr(0,1)) {
        case '#':
            return document.getElementById(id.substr(1));
        case '.':
            var elems = document.body.getElementsByTagName('*');
            var target = id.substr(1);
            var result=[];
            for(i=0;j=elems[i];i++) {
                if((j.className).indexOf(target)!=-1) result.push(j);
            }
            return result;
        default:
            return document.getElementsByTagName(id);
    }
}

說明:
自定義一個錢字號指向id之函式, 繼上篇再加入Class與TagName功能, 讓程式更精簡。

2011年12月13日 星期二

JavaScript Countdown

標題:JS Countdown
HTML (index.html):
<span id='clock'></span>
<script type="text/javascript">
var reciprocalboxy = new function() {
    return {
        endDay : new Date("2030/1/1 00:00:00"),
        show : function() {
            var today = new Date();
            var timeRemain = this.endDay - today;
            var D = parseInt(timeRemain/1000/60/60/24);
            var h = parseInt((timeRemain/1000/60/60)%24);
            var m = parseInt((timeRemain/1000/60)%60);
            var s = parseInt((timeRemain/1000)%60);
            document.getElementById('clock').innerHTML = 
            D + "日" + h + "點" + m + "分" + s + "秒";
        },
        init : function() {
            this.show();
            window.setInterval(function() {
                reciprocalboxy.show();
            }, 1000);
        }
    };
};
reciprocalboxy.init();
</script>
範例:


說明:
簡易倒數計時器範例。

2011年12月11日 星期日

JavaScript dollar sign

標題:自定義錢字號函式
HTML (index.html):
<div id="btn">
    <button>Click1</button>
    <button>Click2</button>
    <button>Click3</button>
</div>
<script type="text/javascript">
    function $(id) {return document.getElementById(id);}
    $('btn').onclick = function(e) {
        e.target.innerHTML = "Clicked";
    };
</script>
範例:

說明:
自定義一個錢字號指向id之函式,讓程式更精簡。

2011年11月16日 星期三

Python Class

標題:Python Class 類別範例
Python (main.py):
# -*- coding: utf-8 -*-
class codeboxy:
    b = 2
    def power(self, a):
        ans = a ** self.b #計算次方
        return ans

boxy = codeboxy()
a = 3
print("%d ^ %d = %d"%(a, boxy.b, boxy.power(a)))
範例結果:
說明:
使用Class類別的方式計算整數a的b次方為多少。

Python String

標題:Python3常用字串語法
Python (main.py):
# -*- coding: utf-8 -*-
english = "-*-QQBoxy Say Hello CodeBoxy-*-"
print(english[:3]) #由最前面印到第3個字
print(english[3:-3]) #由第3個字印到倒數第3個字
print(english[-3:]) #由倒數第3個字印到最後
print(english.strip("-*")) #清除字串前後字元
print(english.strip("-*").lower()) #轉成小寫
print(english.strip("-*").upper()) #轉成大寫
print(english.strip("-*").replace("Boxy", "Box", 1)) #取代1次字串
print(english.strip("-*").split(" ")) #陣列切割
print(len(english)) #字串長度
print(english.find("Boxy", 3, 27)) #位置3到位置27字串第一次出現的位置
print(english.count("Boxy", 0, 27)) #位置0到位置27字串出現的次數
範例結果: 說明:
Python3常用字串語法整理。