Two font sizes in one dynamic text field

[arjayc]

Hello,

I'm trying to display the current time with am/pm, where the time is a large font and the am/pm is a smaller font. My as3 code for displaying the time with am/pm works and looks like this:

//Adds the enter frame event to the dynamic text field.
theTime.addEventListener(Event.ENTER_FRAME,showTim e);

function showTime(event:Event):void {
//Create a new instance of the date class.
var myTime:Date = new Date();
//This returns the minutes and the hour.
var theMinutes=myTime.getMinutes();
var theHours=myTime.getHours();
var ampm:String;

if((myTime.getHours() + myTime.getMinutes() / 60 + myTime.getSeconds() / 3600) < 12)
{
ampm = "AM";
}
else
{
ampm ="PM";
}

//This subtracts 12 from the hour when it greater than 13.
if (theHours>=13) {
theHours=theHours-12;
}
//Adds '0' if there is only one digit.
if (String(theMinutes).length == 1) {
theMinutes="0"+theMinutes;
}
//Displays the time in the dynamic text field.
theTime.text =theHours+":"+theMinutes+" "+ampm;
}

I'm having trouble with varying the font sizes, though. Does anyone have any suggestions how to do this? I'm currently embedding the fonts with a dynamic text field called "theTime". I'd like to make the time Museo Sans 100, 280 pt and the AM/PM Museo Sans 100, 100 pt. I've tried using separate dynamic text fields, but that doesn't give me the flexibility that I need.

Thanks in advance!

[fruitbeard]

Hi,

Here is a quick and easy way,

//Adds the enter frame event to the dynamic text field.
theTime.addEventListener(Event.ENTER_FRAME,showTime);

function showTime(event:Event):void
{
    //Create a new instance of the date class.
    var myTime:Date = new Date();
    //This returns the minutes and the hour.
    var theMinutes = myTime.getMinutes();
    var theHours = myTime.getHours();
    var ampm:String;

    if ((myTime.getHours() + myTime.getMinutes() / 60 + myTime.getSeconds() / 3600) < 12)
    {
        ampm = "<font size='10'>AM";
    }
    else
    {
        ampm = "<font size='10'>PM";
    }

    //This subtracts 12 from the hour when it greater than 13.
    if (theHours>=13)
    {
        theHours = theHours - 12;
    }
    //Adds '0' if there is only one digit.
    if (String(theMinutes).length == 1)
    {
        theMinutes = "0" + theMinutes;
    }
    //Displays the time in the dynamic text field.
    theTime.htmlText = theHours + ":" + theMinutes + " " + ampm;
} 

[arjayc]

Awesome! Thanks! That worked and is super simple. I feel like a big dummy for not knowing how to do that. Heh.