Click here to Skip to main content
Click here to Skip to main content

Digital Clock in SilverLight 2

, 27 Nov 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
How to create a simple dgital clock in SilverLight 2.



This tutorial shows you how we to create a simple digital clock in SilverLight 2. I've also created an analog clock in WPF and Expression Blend 2.

Using the code

Before everything, we need to create a timer. I learned to do this from here.

public void StartTimer(object o, RoutedEventArgs sender)
    System.Windows.Threading.DispatcherTimer myDispatcherTimer = 
        new System.Windows.Threading.DispatcherTimer();
    myDispatcherTimer.Interval = new TimeSpan(0, 0, 0, 0, 1000); // 1000 Milliseconds
    myDispatcherTimer.Tick += new EventHandler(Each_Tick);

Now, we should create three TextBlocks with XAML code:

<TextBlock Margin="8,8,0,9" Foreground="#FFFFFFFF" 
    TextWrapping="Wrap" HorizontalAlignment="Left" 
    FontSize="72" Text="00" 
    Height" VerticalAlignment="Center" x:Name="hourText"/>

Now, we write a method to change the text every second:

// Fires every 1000 miliseconds while the DispatcherTimer is active.
public void Each_Tick(object o, EventArgs sender)
    hourText.Text = DateTime.Now.Hour.ToString();
    minuteText.Text = DateTime.Now.Minute.ToString();
    secondText.Text = DateTime.Now.Second.ToString();


  • 27th November, 2008: First post.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Mohammad Dayyan

Iran (Islamic Republic Of) Iran (Islamic Republic Of)
No Biography provided

Comments and Discussions

GeneralMy vote of 4 PinmemberDurgaprasadtb26-Dec-10 4:52 
GeneralMy Vote 4 PinmemberKunalChowdhury27-Feb-10 8:54 
GeneralThanks! Pinmembervigh25-Feb-09 2:39 
GeneralMy vote of 1 Pinmemberberzie24-Jan-09 20:30 
GeneralMy vote of 2 PinmemberProJester127-Nov-08 11:14 
too simple

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.150224.1 | Last Updated 27 Nov 2008
Article Copyright 2008 by Mohammad Dayyan
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid