2012-04-06 9 views
0

私はJavaScriptを使って時計を持っています。私はこの時計をアラビア数字に変更したいのですが、javascriptで次のコードを試しました。どのようにそれを修正できますか?JavaScriptでアラビア数字にラテン数字を変更する

DEMO:http://jsfiddle.net/NdzHg/

<script type="text/javascript"> 
    var interval = self.setInterval("clock()", 1000); 
    function clock() { 
    var rep = { 
     '0': '&#1776;', 
     '1': '&#1777;', 
     '2': '&#1778;', 
     '3': '&#1779;', 
     '4': '&#1780;', 
     '5': '&#1781;', 
     '6': '&#1782;', 
     '7': '&#1783;', 
     '8': '&#1784;', 
     '9': '&#1785;', 
    } 

     var date = new Date(); 
     var hourOffset = 4; 
     date.setUTCHours(date.getUTCHours(), date.getUTCMinutes()); 
     var time = date.getTime(); 
     date.setUTCFullYear(date.getUTCFullYear(), 3, 21); 
     var dstStart = date.getTime(); 
     date.setUTCFullYear(date.getUTCFullYear(), 9, 22); 
     var dstEnd = date.getTime(); 
     if (time > dstStart && time < dstEnd){ hourOffset = 4;} 
     date.setUTCHours(date.getUTCHours() + hourOffset, date.getUTCMinutes() + 30); 
     var output = date.getUTCHours() + ":" + date.getUTCMinutes() + ":" + date.getUTCSeconds(); 
    for (key in rep) { 
     str = output.split(key).join(rep[key]); 
    } 
     $("#clock").html(str); 
    } 
</script> 
<div id="clock"></div> 
​ 
+0

"動かない"、正確には何?それは何をし、何をするはずですか?あなたのフィドルがうまくいかないという事実に基づいて声明を立てるだけなら、最初に[jsfiddleの仕組みを学ぶ](http://doc.jsfiddle.net/)に時間をかけてください。あなたはコードを適切に設定する必要があります。たとえば、コードがjQueryを使用していますが、フィドルはMootoolsを使用するように設定されています。 –

+0

@Felix Kling - 時間が表示されない –

+0

私がフィドルを正しく設定すると、それが実行されます。そのドキュメントをお読みください。もちろん、要素が存在する前にアクセスするか、文字列を 'setTimeout'に渡すなどの他の問題があるかもしれませんが、これらは既にカバーされています。検索するだけです。 –

答えて

2

はそれを試してみてください。http://jsfiddle.net/McxL5/ところでそれはMooToolsの中だ...ここ

はjqueryのバージョンである:http://jsfiddle.net/McxL5/12/

+0

mootoolsを使うべきですか?それを行うことなく(私はjQueryでやってほしいか、javascriptにはmootoolsを使用したくない)できますか? –

+0

jqueryバージョンを追加する答えを変更しました – Tarek

関連する問題