আপনার ওয়েবসাইটে ডিজিটাল ঘড়ি বসান

আমাদের সবার পিসিতে যদিও ডিজিটাল ঘড়ি রয়েছে। তবুও আমরা যদি চাই তাহলে আমরা সেটি আমাদের ওয়েবসাইটেও দেখাতে পারি। আপনার ওয়েবসাইটে শুধু আপনি কিছু কোড বসাবেন যেখানে ডিজিটাল ঘড়িটি দেখাতে চান। আর কিছু এডিট নিয়েও আলোচনা করবো। তার আগে প্রিভিউ দেখে নেই-

5:08:40 PM

যেখানে ডিজিটাল ঘড়িটি দেখাতে চান সেখান নিচের কোডটি নিয়ে পেস্ট করুন, এডিট করা ফাইলটি সেভ করুন। তাহলেই হবে-

<span id=cc>
</span>
<script>
function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("cc"): document.all.cc
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:black;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
</script>

আপনি চাইলে বিভিন্ন স্টাইলে দেখাতে পারেন আপনার ডিজিটাল ঘড়িটিকে। এজন্য খেয়াল করুন ২৪ নাম্বার লাইনে <b style=’font-size:14;color:black;’> এরকম কিছু কোড পাবেন। ওটা এডিট করে আপনি আপনার ঘরিটির স্টাইল চেঞ্জ করতে পারবেন। সিএসএস সম্পর্কে হালকা ধারনা থাকলেই হবে। আপনি আপনার পছন্দ মত কালার, ফন্ট ইউজ করতে পারেন।

Java Script
Java Script

ধন্যবাদ।

Please complete the required fields.
দয়াকরে পোস্ট রিপোর্টের কারণ নির্দিষ্টভাবে বর্ণনা করুন...




ফেসবুক মন্তব্য

মন্তব্য

মোঃ ফয়সাল হোসেন সোহাগ

জীবনটা কতই মধুর, যদি পাশে থাকে কেউ। বৃষ্টির টুপুর টাপুর শব্দ, পরন্ত বিকেলে হৃদয়ে মৃদু দোলা দিয়ে যায় তখন, যখন পাশে থাকে কেউ। ছোট্ট এই জীবন, সীমিত আয়ু, যান্ত্রিক পৃথিবী, যান্ত্রিক এই আমি, একটু শান্তির সন্ধানে... গুগল অথরশীপ লিংক

Leave a Reply

Your email address will not be published. Required fields are marked *

Enable Google Transliteration.(To type in English, press Ctrl+g)

http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
more...